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 折半查找字符在数组中的位置(有序列表)
Dec 09 Javascript
node.js中Socket.IO的进阶使用技巧
Nov 04 Javascript
JavaScript设置、获取、清除单值和多值cookie的方法
Nov 17 Javascript
BootStrap和jQuery相结合实现可编辑表格
Apr 21 Javascript
sso跨域写cookie的一段js脚本(推荐)
May 25 Javascript
node实现定时发送邮件的示例代码
Aug 26 Javascript
使用Vue自定义数字键盘组件(体验度极好)
Dec 19 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
Dec 28 Javascript
深入解析vue 源码目录及构建过程分析
Apr 24 Javascript
深入理解 JS 垃圾回收
Jun 03 Javascript
JS实现骰子3D旋转效果
Oct 24 Javascript
Nuxt的动态路由和参数校验操作
Nov 09 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常用数组函数介绍
2014/07/28 PHP
PHP生成不重复标识符的方法
2014/11/21 PHP
php生成4位数字验证码的实现代码
2015/11/23 PHP
PHP中addcslashes与stripcslashes函数用法分析
2016/01/07 PHP
PHP程序员学习使用Swoole的理由
2018/06/24 PHP
php 中htmlentities导致中文无法查询问题
2018/09/10 PHP
jquery.jstree 增加节点的双击事件代码
2010/07/27 Javascript
使用jquery+CSS实现控制打印样式
2014/12/31 Javascript
深入理解JavaScript编程中的同步与异步机制
2015/06/24 Javascript
JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解
2015/12/14 Javascript
jQuery Validate表单验证入门学习
2015/12/18 Javascript
jquery拖拽效果完整实例(附demo源码下载)
2016/01/14 Javascript
JavaScript获取键盘按键的键码(参照表)
2017/01/10 Javascript
vue中设置、获取、删除cookie的方法
2018/09/21 Javascript
详解从react转职到vue开发的项目准备
2019/01/14 Javascript
Node.js使用supervisor进行开发中调试的方法
2019/03/26 Javascript
vue 项目build错误异常的解决方法
2019/04/22 Javascript
js prototype和__proto__的关系是什么
2019/08/23 Javascript
解决vue页面渲染但dom没渲染的操作
2020/07/27 Javascript
JavaScript实现下拉列表
2021/01/20 Javascript
Python模块搜索概念介绍及模块安装方法介绍
2015/06/03 Python
Python实现屏幕截图的代码及函数详解
2016/10/01 Python
python八皇后问题的解决方法
2018/09/27 Python
python实现简单聊天室功能 可以私聊
2019/07/12 Python
关于sys.stdout和print的区别详解
2019/12/05 Python
python实现名片管理器的示例代码
2019/12/17 Python
python在linux环境下安装skimage的示例代码
2020/10/14 Python
2014年圣诞节倒计时网页的制作过程
2014/12/05 HTML / CSS
BAILEY 44官网:美国制造的女性服装
2019/07/01 全球购物
巴西网上药店:Drogaria Araujo
2021/01/06 全球购物
会计电算化应届生求职信
2013/11/03 职场文书
学校领导班子对照检查材料
2014/08/28 职场文书
读后感作文评语
2014/12/25 职场文书
2015年高考寄语或鼓励的话
2015/03/23 职场文书
Vue中使用import进行路由懒加载的原理分析
2022/04/01 Vue.js
Tomcat执行startup.bat出现闪退的原因及解决办法
2022/04/20 Servers