如何激活類onclick列表項

Question

我面臨一個問題，我想添加類onclick意味着點擊應該添加類。 看到我的形象

我對jQuery的這樣做的：

$(function() { 

$('.box li').click(function(){ 
    $('.box li').removeClass('submenu-active'); 

    $(this).addClass('submenu-active'); 

}); 

}); 

和我的CSS是：

.aside ul li.submenu-active a {background-color:#df0000; color:#fff;} 

和我的子菜單代碼：

<ul class="box"> 
       <li class="submenu-active"><a href="create_financial_year.php">Create Financial Year</a></li> 
       <li ><a href="select_financial_year.php">Select Financial Year</a></li> 
       <li><a href="account_master.php">Account Master</a></li> 
       <li><a href="bank_account_master.php">Bank Account Master</a></li> <!-- Active -->     
       <li><a href="subscription_master.php">Subscription Master</a></li> 
       <li><a href="subscription_fee_master.php">Subscription Fee Master</a></li> 
       <li><a href="member_master.php">Member Master</a></li>     
       <li><a href="membership_suspension.php">Membership Suspension</a></li> 
      </ul> 

我真的已經花了這麼多小時，但沒有排序出這個...... 這個是工作，但是當我離開單擊onmouse那麼添加的類得到了刪除... 任何建議是高度敏感... thanxxx

Answer 1

使用，來代替：

DEMO

$(function() { 

    $('.box li a').click(function (e) { 
     e.preventDefault(); 
     $(this).closest('li').addClass('submenu-active').siblings().removeClass('submenu-active'); 
     //to load new content using ajax 
     //you could wish to show user, some content is loading 
     $('#myContainer').html('<img src="loading.gif>').load(this.href); 
    }); 

}); 

相應的CSS爲您的jsfiddle：

ul.box li.submenu-active { 
    background-color:#df0000; 
    color:#fff; 
} 

問題是，錨標籤不會重定向到相應的頁面，但我不知道你在找什麼。

Answer 2

變化 .aside ul li.submenu-active a 到 li.submenu-active a

見demo。