按鈕上調用jQuery

我試圖運行一些jQuery代碼，當我點擊一個按鈕，但我甚至不能做出最簡單的例子工作。按鈕上調用jQuery

我jQuery代碼是這樣的：

<script src="scripts/jquery-1.4.1.js"></script> 
<script> 
    $('#btn').click(function() { 
     alert("Hello"); 
    }); 

</script>

和我的HTML看起來像這樣

<div> 
     <input id="btn" type="button" value="button" /> 
    </div>

但是當我按一下按鈕沒有任何反應。

：http://jsfiddle.net/UVSzk/您使用的是什麼瀏覽器？你使用如此舊的jQuery版本的任何特定原因？ –

爲什麼你使用這樣一個古老的jQuery版本？ – ThiefMaster

，因爲我已經擁有了它，並且對jquery知之甚少，我不知道它是古老的。 – KristianMedK

包裝你的代碼的document.ready功能

$(function(){ 
    $('#btn').click(function() { 
     alert("Hello"); 
    }); 
});

內或右側身體標記

你需要等待的元素可用的DOM在年底前把你的腳本代碼之前頁面加載綁定事件處理

2012-12-20 14:18:34

工作，非常感謝。當我被允許到 – KristianMedK

@ user744610時，我會在10分鐘內接受你的答案不客氣:)高興地提供幫助。 –

試着在你的函數：

$(document).ready(function() { 
    // Your code 
});

2012-12-20 14:18:42 Anujith

嘗試綁定DOM加載後的事件。

$(document).ready(function() { 
    $('#btn').click(function() { 
     alert("Hello"); 
    }); 
});

2012-12-20 14:19:07

請嘗試以下

$(function(){ 
    $('#btn').on('click', function(){ 
     alert('click event'); 
    }); 
});

如果這不起作用請確保您已經jQuery的正確。

如果您不確定請嘗試以下操作。

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>

2012-12-20 14:20:30 Doink

嘗試用文檔代碼當準備

$(document).ready(function() { 
    $('#btn').click(function() { 
    alert("Hello"); 
    }); 
});

當我將此代碼粘貼到的jsfiddle它的工作原理

2016-03-17 09:25:18

回答