JQuery设置onclick事件无效的处理方法

最新推荐文章于 2022-05-04 11:56:53 发布
原创 最新推荐文章于 2022-05-04 11:56:53 发布 · 2.2w 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery #function

本文介绍了一种在JavaScript中先清除元素原有的点击事件再绑定新事件的方法。具体步骤包括使用$.attr设置onclick为空来移除原有事件，然后通过$.bind为元素添加新的点击事件处理器。

//必须先清除原有的事件

$("#" + ctrId).attr("onclick", "");

 //再重新绑定新的事件

 $("#" + ctrId).bind("click", function() {

 locate(ctrId);
});
jQuery点击按钮事件失效的解决方法
2301_79326510的博客
10-02 831
通过以上方法，您可以解决jQuery按钮点击事件失效的问题。确保正确加载jQuery库，确保DOM已加载完成，使用正确的选择器选取按钮元素，并避免重复绑定事件。检查您的其他代码是否存在语法错误或逻辑错误，这可能会导致按钮点击事件失效。使用浏览器的开发者工具（如Chrome的开发者工具）来检查控制台错误，并逐行调试您的代码。可以使用jQuery提供的选择器来选取DOM元素，如ID选择器、类选择器或标签选择器等。当使用jQuery编写按钮点击事件时，有时候会遇到点击按钮后事件无法触发的情况。
Jquery表单验证失败后不提交的解决方法
11-26
在网页开发中，jQuery是一个非常常用的JavaScript库，它简化了DOM操作、事件处理以及Ajax交互。在处理表单时，为了提高用户体验和数据安全性，通常会进行表单验证。如果验证失败，我们不希望表单被提交。本文将详细...
a标签用jquery的attr添加onclick方法无效的解决
热门推荐
Larry Sora
12-16 2万+
var a=$(""); //在a的href中调用删除方法 a.attr("href","javascript:delRoleGroup("+n.id+","+id+")"); a.html("删除"); //只有火狐有效 //a.attr("onclick","delRoleGroup("+n.id+","+id+")"); 直接创建a标签用a
关于标签onclick方法失效，或jquery绑定事件失效的问题
i_myxxx的博客
03-19 8095
当我使用jquery为一张图片绑定了一个点击事件后，却发现前台页面无论怎么点，都无法执行事件内的函数。然后我又用onclick方法，即在img标签中添加一个onclick，但最后却发现，连onclick都没用了。奇怪的是，旁边的一个按钮却是有用的。几经尝试之下，最终发现，该按钮虽然显示在了页面上，但实际上，它被其他的一个css样式给覆盖了，导致你点击那个按钮，本质上却没有点击到，所以根本就没有产生...
jq动态添加onclick事件在谷歌中不起作用
weixin_30725467的博客
01-22 417
$("#oa-bed-rooType").append($('<option/>').val(0).text('请选择房间类型')); $('#oa-bed-roomType').append($('<option/>').attr("onclick", "test(this)").val(item.id).text(i...
jquery触发click点击事件不生效
AinUser的博客
09-20 4330
代码逻辑 if (data &gt; 0) { layer.msg("密码修改成功") setTimeout(function(){ $("#loginout")[0].click(); },1500) }else{ layer.msg("原密码填写错误,请重新填写") } 密码修改成功后1.5秒后，触发登出点击事件 刚开始按照这样写是不行的 ...
jquery动态改变onclick属性导致失效的问题解决方法
01-19
代码如下: ”” xss=removed></li> 虽然在很多时候，都是非常不推荐这样写的，但是还有有些时候会... 办法就是使用jquery 绑定. 代码如下: $(“#id”).attr(“onclick”,””).click(function(){ // }); 这里需要先清
JS中append字符串包含onclick无效传递参数失败的解决方案
10-20
在JavaScript中，我们经常...同时，为了提高代码可读性和维护性，建议考虑使用模板字符串（Template literals，ES6新特性）或者其他库如jQuery的事件绑定方法，如`.on()`，以更安全、更简洁的方式处理动态事件绑定。
jQuery移除tr无效的解决方法(tr是动态添加)
10-25
总结起来，解决动态添加的`<tr>`元素删除问题的关键在于使用jQuery的`.parent()`方法来定位目标元素，并使用`.remove()`来删除它。对于动态生成的元素，我们需要确保我们的选择器和操作能够正确地作用在这些元素上，...
jquery动态改变onclick属性失效的问题!
weixin_34275734的博客
12-04 341
<li id="" onclick =""></li> 虽然在很多时候，都是非常不推荐这样写的，但是还有有些时候会碰到这样的代码。 那么你可能在某些时候需要去修改onclick 的属性如下： $("#id").attr("onclick",url); 这样的代码，在chrome和firefox 中可以得到你想要的结果。 遗憾的是在ie中，至...
jquery的click事件失效的问题，用on绑定click事件失效的解决方案
coderyqwh的博客
07-04 1449
一、这样写会失效 $("#picture_delete").on("click",function(){ $(this).parent().remove() }); $("#picture_delete").click(function(){ $(this).parent().remove() }); 二，这样写就生效...
jquery中动态添加的标签绑定的click事件失效的解决办法
weixin_30443075的博客
09-04 349
把.click()换成.live('click',function(){})（如果你的jquery的版本是1.10之前） 把.click()换成.on('click',function(){})(jquery版本1.10之后) 为什么把live换成on是因为在版本 1.9 中被移除了； 转载于:https://www.cnblogs.com/2016-10-07/p/7473155.ht...
Onclick 调不到JS函数
hnyzyty的专栏
07-22 7358
function delete() { alert("删除"); } function printexcel(var order_no) { alert(order_no); } 代码如上，点击删除后不会弹出删除。 错误原因： function printexcel(var order_no) 声明设个函数时参数加了var！这是不对的。可是第一次写JS函数，不知
jquery 点击button跳转window.loction.href失效的解决
bbt953的博客
05-04 915
button必须加上type=button，不加的话则跳转失效 <button type="button" onclick="release()">解除绑定</button> function release() { window.location.replace('./carBind.html') }
onclick没有调用JavaScript的函数
buling_bulink的博客
03-12 1095
在学习ajax时，点击了按钮，但是没有触发js中对应的函数，百度发现是我onclick标签调用方法名的地方没有加（）。???? <input type="button" value="提交" onclick="loadPage">改成 <input type="button" value="提交" onclick="loadPage()"> ...
jquery动态加载的数据on(‘click‘)事件不生效的解决办法
weixin_39152200的博客
12-15 1515
jquery动态加载的数据on(‘click’)事件不生效的解决办法 $('body').delegate('.deleteAvatar', 'click', function(data) { console.log('点击') })
通过jQuery的attr修改onclick值的的解决方法
weixin_33966095的博客
07-07 360
好了，直接给大家贴上js代码吧 var js = "alert('B:' + this.id); return false;"; var newclick = eval("(function(){"+js+"});"); $("#anchor").attr('onclick', '').click(newclick); 如果onclick事件原先有值，要先清空，再用cli...
jQuery表单验证插件使用与扩展方法详解
“validate.js”作为具体实现工具，提供了丰富的 API 接口，支持初始化验证器（.validate() 方法）、动态添加规则（addMethod）、修改默认提示消息、控制验证触发时机（onfocusout、onclick 等事件响应）等功能。...
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值