2
<link rel="stylesheet" href="/js/jquery.qtip.css" type="text/css" />
<script type="text/javascript" src="/js/jquery.qtip.js"></script>
<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $('a.link').qtip({
            content: {
                text: function (api) {
                    return $(this).attr('qtip-description');
                },
                title: {
                    text: function (api) {
                        return $(this).attr('qtip-title');
                    }
                }
            },
            position: {
                my: 'bottom center',
                at: 'top center'
            },
            style: {
                classes: 'ui-tooltip-shadow ui-tooltip-light'
            }
        });
    });
</script>

<a href="#" id="linkRSS" target="_blank" class="link" qtip-title="Title" qtip-description="Description" aria-describedby="ui-tooltip-6">Link</a>

我在页面上有大约 500 个链接,其中包含要显示在 qTip 内的文本和描述属性,当我将鼠标悬停时,qTip 只出现一次,第二次悬停时没有任何反应,甚至没有错误存在。

链接在页面加载时加载,加载后我什么也不做,无论如何我尝试使用 jQuery 实时事件,但这没有帮助。

我使用来自 google 的 cdn 的 jQuery 1.7.1。那么我的代码有什么问题?

PS:哇!我刚刚注意到qTip 网站上的演示也只触发一次。我真的很困惑,为什么会这样?

4

1 回答 1

4

似乎这是最新版本的错误。请参阅https://github.com/Craga89/qTip2/issues/328

它很可能很快就会修复,所以我要么等待下一个版本,要么下载一个旧版本。

于 2012-04-01T17:07:41.103 回答