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が1回だけ表示され、2回目にカーソルを合わせると何も起こらず、エラーも発生しません。

リンクはページが読み込まれるときに読み込まれます。読み込まれた後は何もしません。とにかくjQueryライブイベントを使用しようとしましたが、それは役に立ちませんでした。

私はグーグルのcdnからjQuery1.7.1を使用しています。では、私のコードの何が問題になっていますか?

PS:うわー!qTipサイトのデモも1回だけ起動することに気づきました。私は本当に混乱しています、なぜそうなのですか?

4

1 に答える 1

4

最新のビルドのバグのようです。https://github.com/Craga89/qTip2/issues/328を参照してください。

すぐに修正される可能性が高いので、次のビルドを待つか、古いビルドをダウンロードします。

于 2012-04-01T17:07:41.103 に答える