<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 live事件,但这没有帮助。
我使用google的cdn中的jQuery 1.7.1。那我的代码出了什么问题?
P.S:哇!我只是注意到demoes on qTip site也只发射一次。我真的很困惑,为什么会这样?答案 0 :(得分:4)
似乎它是最新版本的错误。请参阅https://github.com/Craga89/qTip2/issues/328。
很可能很快就会修复,所以我要么等待下一次构建,要么下载旧版本。