首頁猿問關(guān)于事件的重復(fù)執(zhí)行怎么處理？

關(guān)于事件的重復(fù)執(zhí)行怎么處理？

JQuery

清風(fēng)流光 2017-05-12 04:07:19

<!DOCTYPE?html> <html> <head> <script?src="/jquery/jquery-1.11.1.min.js"></script> <script> $(document).ready(function(){ ??$("button").click(function(){ ????$("#div1").fadeToggle(); ????$("#div2").fadeToggle("slow"); ????$("#div3").fadeToggle(3000); ??}); }); </script> </head> <body> <p>演示帶有不同參數(shù)的?fadeToggle()?方法。</p> <button>點擊這里，使三個矩形淡入淡出</button> <br><br> <div?id="div1"?style="width:80px;height:80px;background-color:red;"></div> <br> <div?id="div2"?style="width:80px;height:80px;background-color:green;"></div> <br> <div?id="div3"?style="width:80px;height:80px;background-color:blue;"></div> </body> </body> </html>每點擊一次事件都會被觸發(fā) ?并沒有判斷是不是已經(jīng)執(zhí)行過了 ?怎么修改才能讓其達到正常效果？

查看完整描述

1 回答

已采納

ExiaGo

TA貢獻20條經(jīng)驗獲得超18個贊

<script>
$(document).ready(function(){
??$("button").click(function(){
????if(!$("#div1").is(":animated")){
??????$("#div1").fadeToggle();
????}
????if(!$("#div2").is(":animated")){
??????$("#div2").fadeToggle("slow");????
????}
????if(!$("#div3").is(":animated")){
??????$("#div3").fadeToggle(3000);
????}
??});
});
</script>

這樣修改就不會不斷重復(fù)了。

反對回復(fù) 2017-05-12