Question

jQuery中引用js，按钮点击不触发是怎么回事？

我在页面中引用js文件，如下：
在页面：<script src="/public/upload-ajax.js" type="text/javascript"></script>
upload-ajax.js内容：

$(function(){
$("#UpBn").click(function(){
alert(222);
})
});
页面中按钮：<input type="submit" value="上传" class="button" id="UpBn" >
当点击按钮时没反应。我改为：
function aa(){
alert(222);
}
页面中按钮：<input type="submit" value="上传" class="button" id="UpBn" onclick="aa()" >

这样就可以弹出提示框。
当我把
$(function(){
$("#UpBn").click(function(){
alert(222);
})
});
直接写在页面，按钮是<input type="submit" value="上传" class="button" id="UpBn" >
也可以弹出。这是什么回事呢？
请求高手解答……

Answer 1

你的<script>标签顺序呢，可能是因为js文件没有引用到jquery，jquery的标签要写在前面才行
或者在js文件里也引用到jquery

追问

是这样的顺序，jquery放在前面了。

追答

我按你的说法写了一下，可以运行，你看看是不是upload-ajax.js的路径写的有问题？
一般跨js文件不反应大概就是这两种情况了

追问

如果是upload-ajax.js的路径写的有问题，那么也应该没有反应才对。我再看看。

追答

我以为这时你说的onclick函数写在了原文件里。。。。我用的是google的jquery库，难道是jquery的问题。。。

追问

唉，可以了，我重新弄一个新页面，单独把这两文件

拿出来测试是可以的，而之前那个文件还有其他的js文件，估计是js冲突吧。

Answer 2

$(function(){改成

$(document).ready(function(){试试