2011-05-07 94 views
2

我有一個簡單的頁面進行測試只有一個按鈕,我鏈接到一個外部js文件。它在警告框中顯示jquery版本,但是當按鈕被點擊時,什麼都不會發生。這有什麼問題?JQuery點擊功能沒有被調用

這裏是我的簡單測試的html頁面

<title>Insert title here</title> 
<!-- scripts --> 
<script language="JavaScript" type="text/javascript" src="jquery.js"></script> 
<script language="JavaScript" type="text/javascript" src="myscript.js"></script> 
</head> 
<body> 
<form> 
    <input type="button" tabindex="5" value="jscript" id="testbutton" /> 
</form> 
</body> 

這裏是我的MyScript文件內容

alert($.fn.jquery); 
$('#testbutton').click(function(){ 
alert("test successful"); 
}); 

我使用JQuery版本1.6

回答

5

大概是因爲DOM不ready爲在處理點擊處理器時進行JavaScript處理。嘗試:

$(document).ready(function() { 
    $('#testbutton').click(function(){ 
     alert("test successful"); 
    }); 
}); 
+0

謝謝,@埃德加解決了我的問題。同樣的解決方案 – abi1964 2011-05-07 13:49:00

+0

@Ahhishek - 只是要指出,我確實回答了,但沒關係。 (按照最古老的順序排列答案):) – karim79 2011-05-07 13:49:41

+0

抱歉,我沒有看到時間。再次感謝! – abi1964 2011-05-07 13:57:59

2

您需要的document.ready:

$(document).ready(function(){ 
    alert($.fn.jquery); 
    $('#testbutton').click(function(){ 
    alert("test successful"); 
    }); 
}); 

那是因爲你的#testbutton不能,直到它的加載

希望這有助於引用。乾杯

+0

感謝它的工作。所以這個.ready()函數至少需要一次我想呢? – abi1964 2011-05-07 13:48:00

+0

對不起,埃德加,我沒有看到,但Karim79回答我的問題第1 :) – abi1964 2011-05-07 13:58:38