<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が1回だけ表示され、2回目にカーソルを合わせると何も起こらず、エラーも発生しません。
リンクはページが読み込まれるときに読み込まれます。読み込まれた後は何もしません。とにかくjQueryライブイベントを使用しようとしましたが、それは役に立ちませんでした。
私はグーグルのcdnからjQuery1.7.1を使用しています。では、私のコードの何が問題になっていますか?
PS:うわー!qTipサイトのデモも1回だけ起動することに気づきました。私は本当に混乱しています、なぜそうなのですか?