0

jquery経由でアクティブなクラスをナビに追加しようとしています:

<script type="text/javascript">
            $( '.nav li a' ).each(function() {
                $(this).removeClass('active');
            });
            $('.nav li a').eq(0).addClass("active");
        </script>

私はワードプレスを使用しており、jquery が定義されていることがわかります。

<script type='text/javascript' src='https://artendijen.com/wp-includes/js/jquery/jquery.js?ver=1.10.2'></script>

ただし、コンソール ログに次のエラーが表示されます。

Uncaught TypeError: Property '$' of object [object Object] is not a function

アクティブなクラスはマイナビに追加されません。

このコードを header.php と page.php に入れてみましたが、上記と同じエラーが発生しました。

ここに私のCSSがあります:

<div class="navigation">

    <div class="logo">
        <a href="/"><img src="/wp-content/themes/twentytwelve/images/logo.png" width="275" /></a>
    </div><!--logo-->

    <ul class="nav">
        <li><a href="/about-us">About Us</a></li>
        <li><a href="/shop">Gallery & Shopping</a></li>
        <li><a href="/latest-news">Latest News</a></li>
        <li><a href="/contact-us">Contact Us</a></li>
        <li><a href="/links">Links</a></li>
    </ul>

</div>

これを修正するにはどうすればよいですか? どんな助けでも大歓迎です。

4

1 に答える 1

1

リンクを提供したjQuery.jsファイルの下部は、エイリアスjQuery.noConflict()を削除するもの$です。

コードを次のようにラップすることで、それを回避できるはずです。

/* allows use of `$` in your code*/
(function($){
 /* wait for page to load before running code*/
  $(function(){
      /* your code here */
  });
})(jQuery);

このコードのスクリプト タグが jQuery.js の読み込み後に配置されていることを確認してください

于 2013-11-03T05:04:37.953 に答える