问不显示JQuery工具提示

EN

您的函数必须有一个类选择器：$(".class")...不是$("#id")

$(function(){
    showTooltip();
    function showTooltip() {
       $(".tooltip").each(function() {
           $(this).tooltip();
       });
    }
});

对于其他正在为工具提示不工作而苦苦挣扎的人。

最近我发现了一些jquery-ui的问题，但是它们似乎没有处理默认项目内容的null输入。

因此，在默认情况下，它是' title‘，所以如果您没有为要创建工具提示对象的元素输入title属性，那么即使您像这样指定内容，它也会失败：

$("#element").tooltip({content:"test"});

在我看来，不处理null(或未定义的)值是相当脆弱的，但这就是它的方式。

我通过向元素添加一个类似于title的属性来处理它：

title=''

我猜您可以在工具提示构造函数中指定一个items，如下所示：

$("#selector").tooltip({items:'other-title', content: 'test'});

但是，您仍然需要将新属性添加到元素，如下所示：

other-title=''

PS:使用JQuery-UI 1.11.4

尝试使用：

JS：

$(document).ready(function(){
    $(document).tooltip();
});

所以当你将鼠标悬停在它上面时，所有包含title="yourtitle"的东西都会有一个jquery工具提示。

Example