Question

我知道在同一主题的SO中已经有很多类似的问题。我经历过这一切。看来我无法让它发挥作用。请让我知道我哪里错了！这就是我的代码看起来的方式 -

$("a").tooltip({
     bodyHandler: function() { 
        return "Tool Tip is working!"; 
     },
     showURL: false 
});

这是一个小提琴，工具提示不起作用。请帮忙。

http://jsfiddle.net/LE7V3/175/

Answer 1

我更新了你提供的小提琴 http://jsfiddle.net/LE7V3/183/

$( document ).tooltip();

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.3/jquery-ui.js"></script>

<a href="#" title="tooltip">Display Tooltip</a>


<div  id= "tt-content" style="width:250px; display:none" >

<p>HTML TO BE DISPLAYED IN THE TOOLTIP.</p>
<p>EVEN MORE HTML</P>


</div>

这是工具提示的工作方式。您可以在悬停时使用jquery来设置“a”标签的标题，而不是设置工具提示本身。这将使工具提示成为您想要的动态。

希望这是有帮助的

Answer 2

工具提示插件不可用。你还没有把它包括在内。如果你调试$("a").tooltip，你会看到它的undefined。

@Arun P Johny在评论中提供了一个jsFiddle解决方案。

这是他jsFiddle

的链接

Jquery工具提示不起作用

2 个答案: