2017-10-16 5 views
0

質問があり、マスターページを使用しています。ナビゲーションメニュー(最後にクリックしたナビゲーションメニューとクラスを追加: 'アクティブ'ナビゲーションメニュー)ページの読み込み最後にクリックしたナビゲーションメニューとアクティブなナビゲーションメニュー

どうすればいいですか?

コード:

<ul class="x-navigation" id="menuactive"> 
<li class="**active**"> 
    <a href="#">Title 1</a> 
</li> 
<li> 
    <a href="#">Title 2</a> 
    <ul> 
     <li><a href="#"> Title 2_1</a></li> 
     <li><a href="#"> Title 2_2</a></li> 
    </ul> 
</li></ul> 

...

は私を助けてくれてありがとう!

答えて

0

あなたは

$('ul > li > a').click(function() { 
 
    $('ul > li > a').removeClass('addclass'); 
 
    $(this).addClass('addclass'); 
 
});
.addclass { 
 
    background-color: #ff5722; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul class="x-navigation" id="menuactive"> 
 
    <li class="**active**"> 
 
    <a href="#">Title 1</a> 
 
    </li> 
 
    <li> 
 
    <a href="#">Title 2</a> 
 
    <ul> 
 
     <li><a href="#" class='addclass'> Title 2_1</a></li> 
 
     <li><a href="#"> Title 2_2</a></li> 
 
    </ul> 
 
    </li> 
 
</ul>

+0

こんにちは、あなたの答えをありがとう言っただけのようなクラスを削除するクラスを追加します。しかし、私はページが読み込まれるときにアクティブにdivしたい。私はjavascriptのsessionStorage、cookieを使用していますが、失敗しました。( –

+0

@ChimDiTrúページロード時に選択したかったのですか? –

関連する問題