通過jQuery隱藏動態高亮的元素類

Question

所以基本上我有幾個鏈接，當你點擊一個，它應該添加突出顯示的類。我也有一個按鈕，點擊時應隱藏突出顯示的類的鏈接。

這似乎微不足道，應該很簡單，但我不明白爲什麼我的代碼不起作用。另一件事是，出於某種原因，鏈接仍然通過一次點擊小提琴。不確定它是否與jsfiddle有關，以及它如何處理外部鏈接？

這裏是我的小提琴：http://jsfiddle.net/ZPGe7/1/

Answer 1

你不應該緩存jQuery對象，因爲當元件接收不同的類名稱不更新。此外，請使用event.preventDefault()來防止鏈接被跟蹤。在代碼中直接使用$('.links a.highlight')。

小提琴：http://jsfiddle.net/ZPGe7/2/

$(function() { 
    $('.links a').live('click',function(ev){ 
      $('.links a.highlight').removeClass('highlight'); 
      $(this).addClass('highlight'); 
      ev.preventDefault(); //Prevent link from being followed 
    }); 
    $('#submit').live('click',function(){ 
     $('.links a.highlight').hide(); 
    }); 
});