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

复制代码 代码如下:

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

时间: 2024-09-25 04:24:10

jquery动态改变onclick属性导致失效的问题解决方法_jquery的相关文章

jQuery动态改变多行文本框高度的方法_jquery

本文实例讲述了jQuery动态改变多行文本框高度的方法.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>文本框高度变化</title> <style type="text/css"> * { margin: 0

jQuery动态创建元素以及追加节点的实现方法_jquery

我们知道js中有三种动态创建元素的方法,jQuery中也可以动态的创建元素 例如: var str = $("<a href='http://www.jb51.net'></a>"); $("ul").append(str); //将动态创建的str元素追加到ul下面 追加节点 在js当中追加节点的方法是appendChild(节点元素)和insertBefor(节点元素,位置),在jQuery中是 append 追加在父元素的最后一个子节点

jquery动态改变form属性提交表单_jquery

有些情况下,同一个form在不同的情况下提交到不同的处理动作,可以在js中动态改变form的属性,满足不同条件的form提交需求. 如: 复制代码 代码如下: <form id="form" name="form" method="POST" enctype="multipart/form-data" action="action1.jsp" target="iframe">

JavaScript动态改变div属性的实现方法_javascript技巧

本文实例讲述了JavaScript动态改变div属性的实现方法.分享给大家供大家参考.具体如下: 这里可以通过JS动态改变div属性,样式等 <script type="text/javascript"> var oBox = document.getElementById('box'); var oDiv = document.getElementById('div1'); var aInput = document.getElementsByTagName('input

jquery动态改变div宽度和高度_jquery

完整代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jque

jquery 动态增加,减少input表单的简单方法(必看)_jquery

html代码如下 <html> <tr><button style="margin-left:10px" class="add_field_button btn">Add</button></tr> <tbody class="input_fields_wrap"></tbody> </html> js代码如下 <script> var m

jquery在ie7下选择器的问题导致append失效的解决方法_jquery

1,有如下这样一段html 复制代码 代码如下: <div class="right"id="pending">  <table class="one"width="100%"border="0"cellspacing="0"cellpadding="0"> <tbody> </tbody> </table>

原生js和jQuery随意改变div属性style的名称和值_javascript技巧

一些简单的例子,用原生js和jQuery实现随意改变div属性,和重置.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>函数传参,改变Div任意属性的值</title> <style type="text/css"> body,p{margin:0;padding:0;} body{color:#3

jQuery动态改变图片显示大小(修改版)的实现思路及代码_jquery

当我们要显示后台传过来若干个尺寸不一的图片时,为了保证图片大小的一致性及比例的协调,需要动态改变图片显示尺寸.通过搜索,我们可以从网上找到实现此功能的jQuery代码如下.这段代码可以使图片的大小保持在一定范围内,如果图片的原始尺寸都大于max*值,则显示出来的图片宽度都相等. 原始代码: 复制代码 代码如下: $(document).ready(function() {     $('.post img').each(function() {     var maxWidth = 100; /