需要点击图片将套组发布, 页面代码:

  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); });

  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 事件的更多相关文章

  1. jquery在元素上收购事件

    jquery的给元素绑定的事件能够用data方法取出来 通过$(element).data("events")来获取 // 比方给一个button绑定两个click事件 $(&qu ...

  2. selenium用jquery改变元素属性

    一.jQuery 语法 jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作. 1.基础语法: $(selector).action() 选择符(selector)即," ...

  3. 为listview的item中的元素设置onclick事件

    表达能力比较差,所以现在解释一下标题的意思:listview的列表项,点击的时候触发的是itemOnClick事件,点击后转向到A页:那么,假如在子项中有一个连接是想转到B页,我们该怎么办呢.这样能明 ...

  4. jQuery之元素操作及事件绑定

    1.操作元素之属性: ①attr读:("selector").attr("属性名"):=>getAttribute("属性名"):改: ...

  5. 如何给html元素的onclick事件传递参数(即如何获取html标签的data-*属性)

    现在做的一个小系统为了达到领导所说的很炫的效果有用到Metro UI CSS,但是因为如何给每个磁贴(div标签)的click事件传递参数折腾了蛮久(偶是菜鸟),后来终于找到一个解决方案即通过data ...

  6. jquery改变元素上下排列的顺序

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. jquery改变元素的值的函数text(),html(),val()

    text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值,适合于标签中有value属性的标签. 代码: ...

  8. 如何给html元素的onclick事件传递参数即如何获取html标签的data

    某些非text元素,如a.button等用于触发时间的标签可已将要传的数据放在一个属性中,如data,这个属性必须是不影响样式的,可以使用任意非html定义的名字命名属性,然后将数据传到属性中, &l ...

  9. js为元素添加onclick事件

    $("div.manu a:last").on('click',function(){ if (page == totalPage) { return; } page = page ...

随机推荐

  1. PHP生成静态页面

    生成静态页面的本质就是读取缓存中的信息,然后写到一个生成的html页面中. 一.用ob_start和ob_get_contents生成静态页面 //打开缓存 <?phpob_start();// ...

  2. Eclipse安装配置PyDev插件

    Eclipse安装配置PyDev插件 关于PyDev PyDev是一个功能强大的 Eclipse插件,使用户可用 Eclipse 来进行 Python 应用程序的开发和调试.PyDev 插件的出现方便 ...

  3. python27+django数据库配置常见问题

    mysql缺乏模块,需要安装,建议去http://sourceforge.net/projects/mysql-python/files/mysql-python/下源码编译,或者安装msi文件htt ...

  4. SNIFFER问题集锦

    SNIFFER相关教程下载: Sniffer使用教程.pdf|Sniffer用法.ppt 具体问题解决: 1.SNIFFER4.75无法使用,打开后提示 No adapter is binding t ...

  5. 14个超赞的响应式HTML5模板免费下载

    现在HTML5已经势不可挡.很多朋友开始学习HTML5,当你已经学习过一些HTML5的教程之后,是不是想立即开始实战了呢?对,现在就开始吧,不过 找一些优秀的HTML5模板案例练习是相当不错的注意.当 ...

  6. CentOS7 network

  7. 恢复HDFS误删数据

    [恢复HDFS误删数据] HDFS会为每一个用户创建一个回收站目录:/user/用户名/.Trash/,每一个被用户通过Shell删除的文件/目录,在系统回收站中都一个周期,也就是当系统回收站中的文件 ...

  8. Java环境搭建及语言基础

    JRE和JDK JRE:Java Runtime Environment,java运行环境. JDK:Java Development Kit,java开发工具包. 使用JDK开发java程序,交给J ...

  9. MySQL 查看表结构简单命令。

    一.简单描述表结构,字段类型 desc tabl_name; 显示表结构,字段类型,主键,是否为空等属性,但不显示外键. 二.查询表中列的注释信息 select * from information_ ...

  10. Codeforces 219D. Choosing Capital for Treeland (树dp)

    题目链接:http://codeforces.com/contest/219/problem/D 树dp //#pragma comment(linker, "/STACK:10240000 ...