0

私はクラスがあるメニューに取り組んでいます

ここに私のhtmlがあります

           <ul class="dropdown-menu">
       <li>
             <a href="http://localhost/final/?page_id=53">Comber Noil</a>
           </li>
           <li>
         <a href="http://localhost/final/?page_id=41" class="nav-active">Social</a>
           </li>
      </ul>

ここに私のjqueryがあります

           $(document).ready(function() {
          $('a.nav-active').parent().addClass('myclass');    
           });         
4

1 に答える 1

2

JavaScript は正しいように見えますが (DOM Ready イベントを待っていると仮定して)、マークアップが壊れています。リンクの<li>前に開始タグが必要です。.nav-active

<ul class="dropdown-menu">
    <li>
        <a href="http://localhost/final/?page_id=53">Comber Noil</a>
    </li>
    <li>
        <a href="http://localhost/final/?page_id=41" class="nav-active">Social</a>
    </li>
</ul>

編集:以下のコメントのいくつかに基づいて、あなたが望むのは...

ユーザーが 内のリンクをクリックする.dropdown-menuと、ドロップダウンのルートまでクロールして戻り、その内nav-activeのネストされたa要素にliクラスを追加しますか?

そう仮定すると、これを行うための JavaScript は次のとおりです。

$('.dropdown-menu > li > a').click(function(e) {
    e.preventDefault();
    $(this).closest('.dropdown').children('a').addClass('nav-active');
});

それが役立つことを願っています!

于 2013-04-02T17:46:51.377 に答える