Jquery工具提示不起作用

Jquery tool tip not working

本文关键字：不起作用 工具提示 Jquery      更新时间：2024-02-15

我知道SO中已经有很多关于同一主题的类似问题。我都经历过。我似乎无法让它发挥作用。请告诉我哪里出了问题！这就是我的代码的样子-

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

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

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

我已经更新了您提供的小提琴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"标记的标题，而不是设置工具提示本身。这将使工具提示根据您的需要而动态。

希望这对有帮助

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

@Arun p Johny在评论中提供了解决方案。

这是他的jsFiddle 的链接

相关文章：