0

このTooltipsterスクリプトを自分の Wordpress サイトに追加しようとしていますが、jQuery の読み込みに問題があります。

サイトからの指示によると、このコードを head タグに追加する必要があります (ファイルへのリンクは、私のサイト用に既に変更されています)。

<link rel="stylesheet" type="text/css" href="http://oopsbox.me/wp-content/uploads/js/tooltipster.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="http://oopsbox.me/wp-content/uploads/js/jquery.tooltipster.min.js"></script>
<script>
    $(document).ready(function() {
        $('.tooltip').tooltipster();
    });
</script>

次に、任意の要素に .tooltip クラスを追加すると、ホバーなどで素敵なツールチップが表示されます。

別のページで実行しようとすると、これは完全に機能します。たとえば、ここに私のテストページがあります。

しかし、Wordpress の header.php ヘッド タグに同じコードを追加して、メイン ページにツールヒントを表示しようとすると、サイトが機能しなくなります。

これは、Wordpress に既に jQuery ロード ラインがあり、新しいバージョンの jQuery (Tooltipster がサポートする必要がある) を使用しているためです。

Tooltip jQuery ロード行を削除して、デフォルトで Wordpress にあるものだけを残そうとしましたが、ツールチップが機能しません。

私が間違っていることと、ここで可能な解決策は何ですか?

たくさんのありがとう！

アレックス

4

2 に答える 2

0

一見すると、jquery は競合しないモードになっているようです。

jQueryの代わりに追加してコードを更新します$

<script>
    jQuery(document).ready(function() {
       jQuery('.tooltip').tooltipster();
    });
</script>
于 2013-08-13T18:37:14.397 に答える