工具提示代碼不起作用

我創建了一個ID爲'tt-content'的div，我希望div和其中包含的所有html在我懸停在鏈接上時顯示爲工具提示。我已經使用jquery bodyhandler但我的代碼仍然無法正常工作。我只是重新開始編碼，所以我不知道這是我的語法問題，還是代碼完全錯誤。先謝謝你。工具提示代碼不起作用

<html> 
<head> 

<script type="text/javascript"  src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" > 

$(document).ready(function(){ 
    $("a").hover(function() { 

     $("a").tooltip({ 
     bodyHandler: function() { 
     return $("#tt-content").html(); 
    }, 
    showURL: false 
     }); 
    }); 
}); 
</script> 


</head> 

<body> 
<a href="#">Display Tooltip</a> 


<div id= "tt-content" style="width:250px" > 

<p>HTML TO BE DISPLAYED IN THE TOOLTIP.</p> 
<p>EVEN MORE HTML</P> 


</div> 


</body> 



</html>

來源

2012-06-25 user1139403

你正在使用jQuery的pluging和忘了，包括它的JavaScript和CSS文件：

<script type="text/javascript" src="http://jquery.bassistance.de/tooltip/jquery.tooltip.js"></script> 
<link rel="stylesheet" href="http://jquery.bassistance.de/tooltip/jquery.tooltip.css" /> 
<!-- You would probably need to copy those files to your server. -->

來源

2012-06-25 11:03:57

@ user1139403：參見演示：http：//jsfiddle.net/rathoreahsan/LE7V3/7/，插件的javascript包含在Secator –

提到的感謝jsfiddle樣本Ahsan。 –

非常感謝Ahsan和Secator。爲什麼只有在點擊鏈接後才顯示工具提示，而不是當我將其懸停時？ – user1139403

jQuery的功能提示是不是jQuery核心庫的一部分，它的尺寸庫，http://docs.jquery.com/Plugins/Tooltip的一部分，所以你需要添加一個引用到這一點。認爲Jquery的頁面上的Drupal站點似乎已關閉....

來源

2012-06-25 11:03:38 Liam

謝謝利亞姆。 – user1139403

包括那些JS之前你的腳本標籤，如果你不缺少任何特定的插件JS文件。

檢查jQuery的工具提示的演示 - http://docs.jquery.com/Plugins/Tooltip/tooltip#options

<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/tooltip/jquery.dimensions.js"></script> 
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/tooltip/jquery.tooltip.js"></script>

來源

2012-06-25 11:07:58 swapnesh

謝謝Swapnesh。 – user1139403

工具提示代碼不起作用

回答

相關問題