读书人

如何避免用户重复点击

发布时间: 2013-12-29 13:07:03 作者: rapoo

怎么避免用户重复点击?
想用户点击后,函数没执行完不可以继续点击,执行完后可以再点击
于是加了个参数做判断,谷歌浏览器正常,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事件失效了

读书人网 >JavaScript

热点推荐