jquery动态设置attr onclick的那些事

html 代码：

<s:if test="#romAdResult.whether_release>0">
  <a href="#" onclick="activateCountUpdate(this,2)" id="${id}">取消发布</a>
</s:if>
<s:else>
  <a href="#" onclick="activateCountUpdate(this,1)" id="${id}">发布</a>
</s:else>

业务要求：
1、页面加载时会根据whether_release的值，当为0时显示发布，大于0，即为1时，显示取消发布。
2、JS代码操作中当单击取消发布执行成功后，需把<a>标签的单击事件修改为发布的事件，并把文本修改为发布，而操作发布事件，刚好相反，这就需要Jquery动态修改onclick。

所遇问题：
1、直接设置：

$(this).attr("click",activateCountUpdate($(this),2));

   这样设置后，会出现直接执行事件

2、通过Jquery one 设置:

   $(this).one("click",function(){
      activateCountUpdate($(this),2)
   });

   设置后，当单击事件触发时，会同时执行activateCountUpdate($(this),1),以及activateCountUpdate($(this),2) 两个事件

最终解决方法：
  

   //先清除,再绑定
   $(this).attr('onclick','');  //此方法如不起作用，可使用“ $(this).unbind('click');”  代替
   $(this).one("click",function(){
      activateCountUpdate($(this),2)
   });
   

评论

1 楼 chinaway 2012-12-16  

学习了，谢谢分享