JQuery点击功能没有被调用

我有一个简单的页面进行测试只有一个按钮，我链接到一个外部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

来源

2011-05-07 abi1964

大概是因为DOM不ready为在处理点击处理器时进行JavaScript处理。尝试：

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

来源

2011-05-07 13:45:13 karim79

谢谢，@埃德加解决了我的问题。同样的解决方案 – abi1964 2011-05-07 13:49:00

@Ahhishek - 只是要指出，我确实回答了，但没关系。（按照最古老的顺序排列答案）:) – karim79 2011-05-07 13:49:41

抱歉，我没有看到时间。再次感谢！ – abi1964 2011-05-07 13:57:59

您需要的document.ready：

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

那是因为你的#testbutton不能，直到它的加载

希望这有助于引用。干杯

来源

2011-05-07 13:45:57

感谢它的工作。所以这个.ready（）函数至少需要一次我想呢？ – abi1964 2011-05-07 13:48:00

对不起，埃德加，我没有看到，但Karim79回答我的问题第1 :) – abi1964 2011-05-07 13:58:38

JQuery点击功能没有被调用

回答

相关问题