2012-12-31 19 views
0

我有一個導航頁面,當我點擊一個導航鏈接時,它需要激活(某些div可見)。在彈出的div中有一個關閉鏈接,當點擊關閉鏈接時,導航按鈕需要是無效的。點擊將刪除頁面上的某個類

因此,基本上獲得一個活動鏈接,並在點擊其他鏈接後使其無效。

我做了一個小提琴: http://jsfiddle.net/fourroses666/TKnUZ/1/

$(function() { 
    $('a.link').click(function() { 
     $('a.link').removeClass('active'); 
     $(this).addClass('active'); 
    }); 
}); 

當點擊取消鏈接,這些鏈接必須非作用!

+0

建議使用'$('一個。 link.active ')removeClass(' 激活「);'。 –

回答

0

你只需要添加一個新的單擊處理程序,除去每一個環節上的「活動」類(見fiddle

$(function() { 
    $('a.link').click(function() { 
     $('a.link').removeClass('active'); 
     $(this).addClass('active'); 
    }); 

    $('a.close').click(function() { 
     $('a.link').removeClass('active'); 
    }); 
});​ 
+0

謝謝!我知道這並不難:D – fourroses

0

只是做同樣的事情在點擊事件上的.close類超級鏈接

$(function() {  
    $('a.close').click(function(){ 
     $('a.link').removeClass('active'); 
    }); 
});​ 
+0

的確,我更新了你的FIDDLE jsfiddle.net/TKnUZ/5/ – algorhythm

0

看來該功能只容納了a.link和緊密的聯繫是a。關閉,因此該功能沒有得到回升。這將工作: http://jsfiddle.net/TKnUZ/6/

$(function() { 
    $('a.link').click(function() { 
     $('a.link').removeClass('active'); 
     $(this).addClass('active'); 
    }); 
    $('a.close').click(function(){ 
     $('a.link').removeClass('active');     
    }) 
});​ 

但林不知道,如果你試圖處理這一切在第一個點擊的方法......希望它可以幫助至少