jQuery - 點擊通過'addClass'添加的類的功能不響應

Question

我已經通過addClass添加了一個類。我有一個onclick函數用於添加的類。但是，jQuery忽略我爲該類創建的點擊功能。

我測試過它的jsfiddle here

<style type="text/css"> 
.openInfo:hover{color:red} 
.closeInfo:hover{color:blue} 
</style> 

<div class="openInfo">OPEN</div> 

<script> 
$('.openInfo') //executes correctly 
    .click(function() { 
     $(this).text("CLOSE"); 
     $(this).addClass('closeInfo'); 
     $(this).removeClass('openInfo'); 
}); 

$('.closeInfo') //ignored 
    .click(function() { 
     $(this).text("OPEN"); 
     $(this).addClass('openInfo'); 
     $(this).removeClass('closeInfo'); 
}); 
</script> 

順便說一句，由於某種原因，代碼沒有上的jsfiddle作品，如果我用1.5.2？ 這必須是一個jsfiddle錯誤嗎？因爲我至少在測試服務器上得到了1.5.2的相同結果。

Answer 1

既然你加入這個類動態，你需要live沒有點擊：

 

$('.closeInfo') //ignored 
    .live("click", function() { 
     $(this).text("OPEN"); 
     $(this).addClass('openInfo'); 
     $(this).removeClass('closeInfo'); 
});