测试.html:
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="test.js"></script>
</head>
<body>
<input id="but2" type="button" value="2"/>
</body>
</html>
jquery-1.4.2.js 从 http://jquery.com/ 下载
测试.js:
var fn=function(){
alert('success!');
};
$('#but2').click(fn);
当点击按钮时，什么也没发生。我调试了很长时间但没有找到根本原因。请帮忙。
最佳答案
对其进行包装，以便在文档加载之前代码不会运行。
尝试一下: http://jsfiddle.net/ApDKU/
$(function() {
var fn=function(){
alert('success!');
};
$('#but2').click(fn);
});
正在做:
$(function() {...});
...与
相同$(document).ready(function() {...});
...这导致里面的代码仅在 <body> 之后运行标签已完成加载。
按照您的方式，附加 click 的代码处理程序至#but2 #but2 之前运行已加载到页面上。
关于jquery绑定(bind)按钮点击事件失败，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3378995/