我的代码一直可以工作,直到我不知道更改了什么,我从头开始了一切,但仍然没有显示工具提示,有人可以告诉我代码有什么问题吗?
甚至更好,是否还有其他(更简便的)方法来实现工具提示?
<html>
<head>
<link type="text/css" rel="stylesheet" href="css/jquery.qtip.css" />
<title>My site</title>
</head>
<body>
<a href="#">ZA</a>
<div id="jj" style="display: none;">HHHHHHH</div>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.qtip.js"></script>
<script type="text/javascript">
$('a').qtip({
content: {
text: $('#jj') // Add .clone() if you don't want the matched elements to be removed, but simply copied
}
})
</script>
</body>
</html>
最佳答案
您不是错过了工作量吗?
<script type="text/javascript">
$(function() {
$('a').qtip({
content: {
text: $('#jj')
}
});
});
</script>
编辑:上面的代码绝对可以正常工作,请参见jsfiddle
确保您的qtip.js和qtip.css已加载并且是最新的
关于javascript - qTip2不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9086178/