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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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" >
也可以弹出。这是什么回事呢?
请求高手解答……

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



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

追答

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

追问

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

追答

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

追问

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

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

参考技术A $(function()改成

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

以上是关于jQuery中引用js,按钮点击不触发是怎么回事?的主要内容,如果未能解决你的问题,请参考以下文章

Jquery要怎样触发某个链接点击事件

在jq中,当触发点击事件后,在此事件没完成之前,不能再触发点击事件,在事件完成后才能再次点击,该怎么弄

onclick 事件与对象

jq 在iframe中点击按钮,父元素触发事件

QT怎么触发一个按钮事件

jquery点击按钮如何触发当前点击按钮对应的事件