<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 网站上的演示也只触发一次。我真的很困惑,为什么会这样?