巧妙使用Jquery 改变元素的 onclick 事件

标签：class   http   tar   com   get   width   

需要点击图片将套组发布， 页面代码：

Html代码  

1. <img width="20px" src="  
2. <s:property value="IMAGES_PATH" /><s:if test=‘%{releaseStatus == "YES"}‘>pubed.png</s:if>  
3. <s:else>nopub.png</s:else>"   
4. onclick="<s:if test=‘%{releaseStatus == "YES"}‘>changeToClose(<s:property value="suiteId" />, $(this));</s:if>  
5. <s:else>changeToOpen(<s:property value="suiteId" />, $(this));</s:else>" />  

   在套组发布之后， 需要改变下次点击的事件调用的方法。

   使用：img.click( function () { changeToOpen(suitId, img); });

   结果：先执行img所定义的 onclick 事件定义的方法， 然后执行之前 onclick 所绑定的方法， 最后执行这次绑定的方法。

   找到解除绑定的代码：unbind(‘click‘)  

           img.unbind(‘click‘).click( function () { changeToOpen(suitId, img); });

 结果：先执行img所定义的 onclick 事件定义的方法， 然后执行这次绑定的方法。

　找到解除　onclick　 绑定的代码：　

   img.attr(‘onclick‘, ‘‘).unbind(‘click‘).click( function () { changeToOpen(suitId, img); });

Js代码  

1. function changeToOpen(suitId, img){  
2.     //这里借助 train_com ac_type 来实现传递锁信息  
3.     params = "train_com="+suitId+"&ac_type=yes";//alert(params);  
4.     $.post("doSimulatorPubById.do",params,function(data){  
5.         eval("var rst = "+data);  
6.         alert(rst.msg);  
7.         if(rst.status == 3){  
8.             img.attr("src","<s:property value="IMAGES_PATH" />pubed.png");  
9.             img.attr(‘onclick‘, ‘‘).unbind(‘click‘).click( function () { changeToClose(suitId, img); });   
10.         }  
11.     });  
12. }  
13. function changeToClose(suitId, img){  
14.     //这里借助 pilotInfForVoteDto 来实现传递锁信息  
15.     params = "train_com="+suitId+"&ac_type=no";//alert(params);  
16.     $.post("doSimulatorPubById.do",params,function(data){  
17.         eval("var rst = "+data);  
18.         alert(rst.msg);  
19.         if(rst.status == 3){  
20.             img.attr("src","<s:property value="IMAGES_PATH" />nopub.png");  
21.             img.attr(‘onclick‘, ‘‘).unbind(‘click‘).click( function () { changeToOpen(suitId, img); });   
22.         }  
23.     });  
24. }  

巧妙使用Jquery 改变元素的 onclick 事件,布布扣,bubuko.com

巧妙使用Jquery 改变元素的 onclick 事件

标签：class   http   tar   com   get   width   

原文地址：http://www.cnblogs.com/ranzige/p/3764850.html