2017-10-16 94 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ú你希望它在頁面加載時被選中?它很容易就在開始時添加你的類,然後你可以點擊 –