日期:2014-05-16  浏览次数:20334 次

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