真的，真的簡單的jQuery不工作:(

Question

嚴重的，最簡單的jQuery代碼以往根本不工作

<script type="text/javascript"> 
$(document).ready(function(){ 

$('.codeswitcher').click(function() { 
     alert("You clicked it"); 
}); 

}); 
</script> 

，然後在我的頁面結構，我有這樣的：

<div class="codeswitcher"> 
<img src="http://mysite.com/images/codeswitcher.png" alt="codeswitcher"> 
</div> 

這只是一個32x32px圖像。你也可以點擊它，但沒有任何反應！:(我也改變了我的jQuery選擇到.codeswitcher img和div.codeswitcher，但仍然一無所獲。

我還有其他jQuer y代碼也運行在頁面上就好了。出了什麼問題？

謝謝！

傑克

Answer 1

首先，你是不是瘋了，你的代碼示例工程：http://jsfiddle.net/c3e6X/

檢查，看看你的代碼運行之前有一個JavaScript錯誤，只需打開控制檯，並期待。

如果它被創建爲動態，例如， AJAX那麼你應該使用.live()來代替，像這樣：

$(function() { 
    $('.codeswitcher').live('click', function() { 
    alert("You clicked it"); 
    }); 
});