更改類屬性後，定位元素不起作用

Question

我試圖定位一個與dom一起加載的元素，並且在單擊它時改變了它的類，並且在點擊與新類相同的項目後，它應該警告但警告顯示起來後先用老班點擊裏面的文件準備

$("a.addToFav").click(function(e){ 
    e.preventDefault(); 

    $(this).attr("class","addedToFav") 
}); 

$(".top_favorites").on("click","a.addedToFav",function(e){ 
    alert("fdgdfd"); 
    e.preventDefault(); 

    $(this).attr("class","addToFav") 
}); 

活碼http://jsfiddle.net/p6s0oac4/

HTML

<div class="top_favorites"> 
<a href="#" class="addToFav">click</a> 
</div> 

JS

Answer 1

click事件冒泡，因此在類更改後，您的第二個單擊事件處理程序也會執行。

下面的代碼將工作和較爲一致：

$(".top_favorites").on("click","a.addToFav",function(e){ 
    e.preventDefault(); 

    $(this).attr("class","addedToFav") 
}); 

$(".top_favorites").on("click","a.addedToFav",function(e){ 
    alert("fdgdfd"); 
    e.preventDefault(); 

    $(this).attr("class","addToFav") 
}); 

演示：http://jsfiddle.net/p6s0oac4/1/