如何刷新DOM接受新的點擊類

Question

我有類按鈕DoFirst

<button class="DoFirst">Click First</button> 

當點擊它的東西，我再改變它的類DoSecond

$(".DoFirst").click(function() { 
    // do something 
    $(this).removeClass('DoFirst').addClass('DoSecond').html('Click Second'); 
}); 

現在，我有改變了類，我想現在用相同的按鈕執行不同的功能，然後再改變這一切回來

$(".DoSecond").click(function() { 
    // do something 
    $(this).removeClass('DoSecond').addClass('DoFirst').html('Click First'); 
}); 

問題是，它似乎並不首次點擊後，認識到新的類，並且只是不斷充當如果類DoFirst仍然活躍，如DOM需要刷新莫名其妙。有沒有解決的辦法？

Answer 1

使用on()反應到DOM頁面加載前後發生了改變。

$(document).on('click', '.DoFirst', function() { 
}); 

與DoSecond相同。

最好是使用最近的父，而不是document，但我不知道你的結構......