我的代码一直可以工作,直到我不知道更改了什么,我从头开始了一切,但仍然没有显示工具提示,有人可以告诉我代码有什么问题吗?
甚至更好,是否还有其他(更简便的)方法来实现工具提示?

<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/

10-10 12:56