2017-10-16 95 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ú你希望它在页面加载时被选中?它很容易就在开始时添加你的类,然后你可以点击 –