我创建了一个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>
答案 0 :(得分:1)
JQuery函数工具提示不是核心jquery库的一部分,它是维度库http://docs.jquery.com/Plugins/Tooltip的一部分,因此您需要添加对此的引用。那说Jquery页面上的Drupal站点似乎已关闭....
答案 1 :(得分:1)
你正在使用jQuery插件而忘记包含它的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. -->
答案 2 :(得分:1)
如果您没有遗漏任何特定的插件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>