我正在尝试使用 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();
};
};
谢谢:)
最佳答案
对于其他因工具提示不起作用而苦苦挣扎的人。
我最近发现了 jquery-ui 的许多问题,但是它们似乎没有处理默认项目内容的空输入。
因此,默认情况下它是“标题”,因此如果您没有为要创建工具提示对象的元素输入标题属性,即使您像这样指定内容,它也会失败:
$("#element").tooltip({content:"test"});
在我看来,不处理 null(或未定义)值是相当弱的,但事实就是如此。
我通过向元素添加如下标题属性来处理它:
title=''
我想你可以在工具提示构造函数中指定一个items
,如下所示:
$("#selector").tooltip({items:'other-title', content: 'test'});
但是您仍然需要向元素添加新属性,如下所示:
other-title=''
PS:使用 JQuery-UI 1.11.4
关于JQuery 工具提示不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15534061/