首页 / JQUERY / 巧妙使用Jquery 改变元素的 onclick 事件

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了巧妙使用Jquery 改变元素的 onclick 事件，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1806字，纯文字阅读大概需要3分钟。

内容图文

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

 

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. }  

 

 

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

内容总结

以上是互联网集市为您收集整理的巧妙使用Jquery 改变元素的 onclick 事件全部内容，希望文章能够帮你解决巧妙使用Jquery 改变元素的 onclick 事件所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1252278.html

来源：【匿名】