jQuery工具提示不起作用

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的鏈接