2014-02-22 43 views
0

更改錨標籤的類名我有一個小的查詢。內部列表

<ul class="navigation"> 
     <li><a href="#home">Home<span class="ui_icon home"></span></a></li> 
     <li><a href="#aboutus">About Us<span class="ui_icon aboutus"></span></a></li> 
     <li><a href="#services">Services<span class="ui_icon services"></span></a></li> 
     <li><a href="#gallery">Gallery<span class="ui_icon gallery"></span></a></li> 
     <li><a href="#contactus">Contact Us<span class="ui_icon contactus"></span></a></li> 
    </ul> 

這段代碼我從互聯網上得到,就像點擊只滾動到下一個內容。 和選定的列表項自己更新。但是當我嘗試在我的Asp.net主頁面中實現這個模板時,列表項不會被更新。所以我能做什麼? 有什麼建議嗎?

下面

是如果你想在類selected設置所點擊的錨和其他錨刪除由模板

ul.navigation a:hover, ul.navigation a.selected { 
    color: #201f1b; 
    background: url(../images/templatemo_menu_hover.png) no-repeat left; 
} 

回答

0

提供的CSS默認,然後用:

$('.navigation li a').click(function(e) { 
    e.preventDefault(); 
    $('.navigation li a').removeClass('selected'); 
    $(this).addClass('selected'); 
}) 

Fiddle Demo

0

如果你想使用「上點擊」功能刪除和添加類上元素,嘗試下面的代碼:

$(".navigation li a").on("click", function (event) { 
    //prevents the browser from going to a new URL 
     event.preventDefault(); 
    //removes selected class from all elements 
     $('.navigation li a').removeClass('selected'); 
    //adds selected class to element you click 
     $(this).addClass('selected'); 
}); 

我沒有訪問到你的形象,所以我使用的背景顏色參數在CSS

的jsfiddle例如:http://jsfiddle.net/9Jjud/

+0

什麼是發佈一個點答案與其他答案完全一樣嗎? – Felix