javascript - Jquery 工具提示不起作用

Question

我知道 SO 中已经有大量关于同一主题的类似问题。我都经历过这些。 看来我无法让这个工作。请让我知道我哪里出错了! 这就是我的代码的样子 -

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

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

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

Answer 1

我已经更新了您提供的 fiddle 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”标签的标题，而不是设置工具提示本身。这将使工具提示按照您的意愿动态化。

希望这对您有帮助