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的一些问题，但似乎它们没有处理默认项目内容的空输入。

因此，默认情况下，它是标题＆＃39;因此，如果您没有为要制作工具提示对象的元素输入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工具提示。

Example

Answer 3

你的函数必须有一个类选择器：$（“。class”）... not $（“＃id”）

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

Answer 4

就像其他人说的那样，你需要的只是以下内容：

$(document).tooltip();

但有一些例外情况，仅凭这一点就行不通。这种情况不起作用的具体情况：

option

select

disabled="true"元素将继续以非jQuery-UI格式显示工具提示，直到重新启用。

除了重新编程jQuery-UI之外，我还没有发现这些问题的真正解决方案。

Answer 5

当我使用$（document）.tooltip（）; ，它为每个元素提供了工具提示，以获取我使用的特定工具提示，

    $(function () {
      $(document).tooltip({
          track: true, 
          items: ".tooltip",
          content: function () {
              return $(this).attr("title");
          }
      });
  });

JQuery工具提示不显示

5 个答案: