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

 更新时间:2013年12月04日 17:36:50   作者:  
onclick属性失效的问题,相信很多的朋友都有遇到过吧,jquery动态改变onclick属性就会导致此问题的发生,解决方法如下,希望对大家有所帮助
复制代码 代码如下:

<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(){
//
});

相关文章

  • jQuery学习笔记之jQuery构建函数的7种方法

    jQuery学习笔记之jQuery构建函数的7种方法

    jQuery把所有的操作都包装在一个jQuery()函数中,形成了统一(也是惟一)的操作入口,这为jQuery操作降低了门槛。那我们来看下具体构造函数的“七种武器”吧。
    2014-06-06
  • jQuery Mobile的loading对话框显示/隐藏方法分享

    jQuery Mobile的loading对话框显示/隐藏方法分享

    jQuery Mobile提供两个方法,使得开发者在编写JavaScript业务编辑时,可以随意的控制loading提示框
    2013-11-11
  • 关于jQuery对象数据缓存Cache原理以及jQuery.data详解

    关于jQuery对象数据缓存Cache原理以及jQuery.data详解

    网上有很多教你怎么使用jQuery.data(..)来实现数据缓存,但有两个用户经常使用的data([key],[value])和jQuery.data(element,[key],[value])几乎没有什么文章说清楚它们两的区别,所以我用到了,研究下分享给大家。
    2013-04-04
  • 有关于eclipse配置spket需要注意的一些地方

    有关于eclipse配置spket需要注意的一些地方

    用eclipse开发jquery程序,可以安装spket插件,这样在写代码的时候,就会有智能感知.eclipse配置spket的文章网上到处都是,spket官网上也有介绍.但配置后有的人无论如何也没有智能感知提示,我就是其中一个.
    2013-04-04
  • Jquery动态进行图片缩略的原理及实现

    Jquery动态进行图片缩略的原理及实现

    图片缩略在某些情况下还是比较实用的,比如在做一些商品的预览图缩略等等,下面为大家介绍下具体的实现思路及代码,有需求的朋友可以参考下
    2013-08-08
  • 将jQuery应用于login页面的问题及解决

    将jQuery应用于login页面的问题及解决

    Login页面应该是迅速和简洁的,于是如果可以不产生回送,则不产生回送是最好的。
    2009-10-10
  • jQuery简单实现隐藏以及显示特效

    jQuery简单实现隐藏以及显示特效

    这篇文章主要介绍了jQuery简单实现隐藏以及显示特效,需要的朋友可以参考下
    2015-02-02
  • 10款非常有用的 Ajax 插件分享

    10款非常有用的 Ajax 插件分享

    这篇文章与大家分享的是10款非常有用的 Ajax 插件,有用于图片的,用于分页的,还有用于导航的。这些作者的想法特别新颖,希望你能从中找到自己需要的插件
    2012-03-03
  • 通过XMLHttpRequest和jQuery实现ajax的几种方式

    通过XMLHttpRequest和jQuery实现ajax的几种方式

    AJAX大家已经都知道了,是为了实现异步通讯,提高用户体验度,而将很多旧知识(XML,DOM,JavaScript,HTML,Jquery,Css……)重新融合的一个新的知识框架。而,XMLHttpRequest对象则是其中的重重之中,本篇文章主要给大家介绍通过XMLHttpRequest和jQuery实现ajax的几种方式
    2015-08-08
  • jQuery图片拖动组件Dropzone用法示例

    jQuery图片拖动组件Dropzone用法示例

    这篇文章主要介绍了jQuery图片拖动组件Dropzone用法,结合实例形式分析了图片拖动组件Dropzone的功能、安装及具体使用方法,需要的朋友可以参考下
    2017-01-01

最新评论