jquery attr onclick 问题

       

      今天要写个获取验证码倒计时 60 秒,用到了 setInterval 。其中按钮点击后要禁用 onclick 事件 (当然也可以在 onclick 事件中判断剩余时间小于 60 秒就 return false) ,当剩余时间为 0 秒时,则要恢复按钮的 onclick 事件, 问题就出在恢复 onclick 上,enableObj 函数一执行,就立即调用了 func ,导致了死循环 ,最后将 $(obj).attr("onclick", func); 改为 $(obj).bind('click', func); 问题解决


函数如下(其中闭包全局函数名 yjzx ,window.$yjzxjs = yjzx)

   enableObj : function(obj, func) {
       if (func) {
            $(obj).attr("onclick", func);
        }
  },
//倒计时 60 秒
getValidCode : function() {
tempTimer = setInterval('$yjzxjs.getValidCode_()', 1000);
},

getValidCode_ : function() {
if (countSeconds <= 0) {
if (tempTimer) {
clearInterval(tempTimer);
}
yjzx.setHtml('validcodeButton', '重新获取');
yjzx.enableObj($api.byId('validcodeButton') , yjzx.getValidCode);

countSeconds = countSecondConst;
return;
} else {
yjzx.disableObj($api.byId('validcodeButton'));
yjzx.setHtml('validcodeButton', countSeconds + '秒后重新获取');
countSeconds--;
}
},

猜你喜欢

转载自starxf.iteye.com/blog/2334274