使用jquery动态修改dom元素属性在IE下的问题

今天在做程序的过程中，遇到一个问题，就是处理修改click属性的时候出现的，当使用jquery动态的修改onclick属性的时候，有的时候会出现不好用的情况

于是到网上找到了对应的解决方案

Js代码 复制代码

1. $(“#some_element”).attr(‘onclick’,"//some new operation");

$(“#some_element”).attr('onclick',"//some new operation");

但是这段代码在FireFox下会按我们的意图正确执行，但是在IE下什么动静都没有。关于问题的描述，可以参考：
http://www.nabble.com/onClick-prepend-td15194791s27240.html http://ajaxian.com/archives/evaling-with-ies-windowexecscript
解决的方法也很简单：

Js代码 复制代码

1. $(“#some_element”).unbind(‘click’).removeAttr(‘onclick’).click(function(){

2. //new operation

3. });

经过修改后的代码如下：

Java代码


//弹出添加device窗体

function addDevice(){

win.window('open');

form.form('clear');

$('#btn-save').unbind('click').removeAttr('onclick').click(

function(){

form.form('submit',{

url:"/moon/device/device.do?method=addDevices",

onSubmit:function(){},

success:function(data){

eval('data='+data);

if (data.success){

grid.datagrid('reload');

win.window('close');

} else {

$.messager.alert('错误',data.msg,'error');

}

}

});

}

);

}

修改的代码如下：

Java代码


function editDevice(){

var row = grid.datagrid('getSelected');

if (row){

win.window('open');

form.form('load', '/moon/device/device.do?method=getDevicesById&id='+row.id);

$('#btn-save').unbind('click').removeAttr('onclick').click(

function(){

form.form('submit',{

url:'/moon/device/device.do?method=updateDevice&id='+row.id,

onSubmit:function(){},

success:function(data){

eval('data='+data);

if (data.success){

grid.datagrid('reload');

win.window('close');

} else {

$.messager.alert('错误',data.msg,'error');

}

}

});

}

);

}else{

$.messager.show({

title:'警告',

msg:'请先选择要修改的记录。'

});

}

}

修改后界面如下



可以实现CRUD操作了！！！