JQuery 工具提示不显示

Question

我正在尝试使用 jquery ui 为某些列出的元素设置工具提示，但无法显示工具提示。我正在尝试使用工具提示类将工具提示应用于所有项目。请检查我的代码是否有问题...

HTML

<li>
<label>
  <input id="someid" type="radio" name="name" />
  <strong><span>text</span></strong></label>
  <a href="#" class="tooltip" title="some text"></a>
  <h4>text</h4>
</li>

JS

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

谢谢:)

Answer 1

对于其他因工具提示不起作用而苦苦挣扎的人。

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

因此，默认情况下它是“标题”，因此如果您没有为要创建工具提示对象的元素输入标题属性，即使您像这样指定内容，它也会失败:

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

在我看来，不处理 null(或未定义)值是相当弱的，但事实就是如此。

我通过向元素添加如下标题属性来处理它:

title=''

我想你可以在工具提示构造函数中指定一个items，如下所示:

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

但是您仍然需要向元素添加新属性，如下所示:

other-title=''

PS:使用 JQuery-UI 1.11.4