jquery动态改变onclick属性导致失效的问题解决方法


Posted in Javascript onDecember 04, 2013
<li id="" onclick =""></li>

虽然在很多时候,都是非常不推荐这样写的,但是还有有些时候会碰到这样的代码。

那么你可能在某些时候需要去修改onclick 的属性如下:

$("#id").attr("onclick",url);

这样的代码,在chrome和firefox 中可以得到你想要的结果。

遗憾的是在ie中,至少是ie7 以下是没有效果的,至于i8好像也是没有效果的。

办法就是使用jquery 绑定.

$("#id").attr("onclick","").click(function(){ 
// 
});

这里需要先清除onclick属性的值,再去绑定方示。

如果本来就没有设定onclick属性,刚不需要清除.

$("#id").click(funciton(){ 
// 
});
Javascript 相关文章推荐
javascript中获取选中对象的类型
Apr 02 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
Jun 10 Javascript
使用ngView配合AngularJS应用实现动画效果的方法
Jun 19 Javascript
使用jQuery Mobile框架开发移动端Web App的入门教程
May 17 Javascript
JavaScript之WebSocket技术详解
Nov 18 Javascript
JavaScript字符串检索字符的方法
Jun 23 Javascript
js学习总结之DOM2兼容处理顺序问题的解决方法
Jul 27 Javascript
分享vue.js devtools遇到一系列问题
Oct 24 Javascript
使用NestJS开发Node.js应用的方法
Dec 03 Javascript
详解VS Code使用之Vue工程配置format代码格式化
Mar 20 Javascript
vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
Apr 12 Javascript
Selenium执行Javascript脚本参数及返回值过程详解
Apr 01 Javascript
javascript设置金额样式转换保留两位小数示例代码
Dec 04 #Javascript
下拉列表select 由左边框移动到右边示例
Dec 04 #Javascript
JS获得QQ号码的昵称,头像,生日的简单实例
Dec 04 #Javascript
JavaScript执行顺序详细介绍
Dec 04 #Javascript
jquery validate添加自定义验证规则(验证邮箱 邮政编码)
Dec 04 #Javascript
浏览器图片选择预览、旋转、批量上传的JS代码实现
Dec 04 #Javascript
jquery内置验证(validate)使用方法示例(表单验证)
Dec 04 #Javascript
You might like
PHP使用HTML5 FileApi实现Ajax上传文件功能示例
2019/07/01 PHP
JavaScript使用prototype定义对象类型
2007/02/07 Javascript
jQuery 学习6 操纵元素显示效果的函数
2010/02/07 Javascript
javascript object array方法使用详解
2012/12/03 Javascript
禁止ajax缓存获取程序最新数据的方法
2013/11/19 Javascript
JavaScript伸缩的菜单简单示例
2013/12/03 Javascript
javascript中普通函数的使用介绍
2013/12/19 Javascript
jQuery DOM操作实例
2014/03/05 Javascript
JavaScript实现按Ctrl键打开新页面
2014/09/04 Javascript
javascript实现动态模态绑定grid过程代码
2014/09/22 Javascript
分享10个原生JavaScript技巧
2015/04/20 Javascript
javascript 广告移动特效的实现代码
2016/06/25 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
2016/09/17 Javascript
JavaScript实现url参数转成json形式
2016/09/25 Javascript
AngularJs入门教程之环境搭建+创建应用示例
2016/11/01 Javascript
webpack入门+react环境配置
2017/02/08 Javascript
vue-cli 如何打包上线的方法示例
2018/05/08 Javascript
100行代码实现vue表单校验功能(小白自编)
2019/11/19 Javascript
详解Nuxt.js 实战集锦
2019/11/19 Javascript
关于angular 8.1使用过程中的一些记录
2020/11/25 Javascript
vuex的数据渲染与修改浅析
2020/11/26 Vue.js
[01:17:47]TNC vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python中使用ConfigParser解析ini配置文件实例
2014/08/30 Python
跟老齐学Python之字典,你还记得吗?
2014/09/20 Python
Python模拟登陆实现代码
2017/06/14 Python
Django 连接sql server数据库的方法
2018/06/30 Python
pandas 中对特征进行硬编码和onehot编码的实现
2019/12/20 Python
Python tkinter布局与按钮间距设置方式
2020/03/04 Python
浅谈numpy中函数resize与reshape,ravel与flatten的区别
2020/06/18 Python
利用Python过滤相似文本的简单方法示例
2021/02/03 Python
中国一家综合的外贸B2C电子商务网站:DealeXtreme(DX)
2020/03/10 全球购物
大学生村官心得体会范文
2014/01/04 职场文书
创业计划书撰写原则
2014/01/25 职场文书
远程培训的心得体会
2014/09/01 职场文书
买卖合同协议书范本
2014/10/18 职场文书
保护地球的宣传语
2015/07/13 职场文书