欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

如何避免用户重复点击

更新时间: 2014-01-05 01:51:05 责任编辑: Author_N1

 

怎么避免用户重复点击?
想用户点击后,函数没执行完不可以继续点击,执行完后可以再点击
于是加了个参数做判断,谷歌浏览器正常,360浏览器点击后就算程序执行完也没办法再点击,是什么原因呢??
<script type="text/javascript">
$(function(){
clickbtn=false;//防重复点击

$("#startbtn").click(function(){
var a=Math.floor(Math.random()*360);
if(clickbtn==false){
clickbtn=true; //防重复点击
$(this).rotate({
duration:3000,
angle:0,
animateTo:1080+a,
easing:$.easing.swing,
callback:function(){
clickbtn=false;//防重复点击
alert(clickbtn);
}

});
}

})

})
</script>


这是测试文件,哪位大侠有空可以帮忙看看的不?
http://files.cnblogs.com/tinyphp/%E6%B5%8B%E8%AF%95.zip
--参考方法--

$(function(){
    clickbtn=false;//防重复点击
 
$("#startbtn").live('click',function(){
    var a=Math.floor(Math.random()*360);
if(clickbtn==false){
        clickbtn=true;    //防重复点击
        $(this).rotate({
        duration:3000,
        angle:0,
        animateTo:1080+a,
        easing:$.easing.swing,
        callback:function(){
            clickbtn=false;//防重复点击
            alert(clickbtn);
        }
 
    });
    }
 
})
 
})

在ie下插件会替换img标签 所以click事件失效了
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:51:05
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/2017/
本文WWW.DOC100.NET DOC100.NET版权所有。