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的许多问题,但似乎它们没有处理默认项目内容的空输入.

因此,默认情况下它是'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

Answer 2

尝试使用：

JS：

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

因此，title="yourtitle"当您将鼠标悬停在其上时，其中的所有内容都会具有一个jquery工具提示。

例

Answer 3

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

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