在jQuery中單擊按鈕時綁定動作不起作用

Question

我有一個奇怪的問題，我正在使用jQuery函數（單擊）將操作綁定到按鈕，當我單擊按鈕時沒有任何反應，如何來！，這是我正在使用的代碼：

<script >
    $( '#admin' ).live( 'pageinit',function(event){
    $('#AddButton').click(function(){
            alert("Clicked")
        });​
    });
</script>

Answer 1

假設按鈕存在於初始頁面源中，您需要：

1. 將<script>塊放在按鈕后面的源代碼中，或者
2. 將上述代碼包裝在$(document).ready()處理程序中。

否則，當JS運行時，瀏覽器將不會解析按鈕的html，因此將無法找到該按鈕。

如果該按鈕最初不存在，即您要動態添加它以響應其他事件，則可以使用：

$('#AddButton').live('click', function(){ ...

...類似於您已經為admin元素執行的操作，處理程序將在按鈕存在后自動應用於該按鈕。

不過要注意的是.live()從jQuery的1.7版本起不推薦使用，所以如果使用1.7你應該使用.on()方法來代替，甚至年長的jQuery的.delegate()方法是首選。 .live()的API doco解釋了如何轉換。