刪除和添加類和點擊它們

Question

<div id='menuT'> 
<div class='goAct' id='home'>Home</div> 
<div class='goPass' id='about'>About</div> 
<div class='goPass' id='links'>Links</div> 
</div> 

JS

$('.goPass').click(function() { 
alert ('323'); 
$('.goAct').removeClass().addClass('goPass'); 
$(this).removeClass().addClass('goAct'); 
}); 

點擊#about和#links作品，即類適當切換並顯示警告。在調試窗口中，我看到#home變爲.goPass。

但點擊#home不起作用。什麼都沒發生。

Answer 1

既然你正在改變classes爲動態的元素，你必須使用event delegation，

$(document).on('click','.goPass',function(){ 
    alert('hello'); 
}); 

請仔細閱讀here更多地瞭解事件委託。

Answer 2

您需要使用on，像這樣：

$('#menuT').on('click', '.goPass', function(){ 
    alert('323'); 
    $('.goAct').removeClass().addClass('goPass'); 
    $(this).removeClass().addClass('goAct'); 
});