<!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ā) ?并沒有判斷是不是已經執(zhí)行過了 ?怎么修改才能讓其達到正常效果？
1 回答
已采納
ExiaGo
TA貢獻20條經驗 獲得超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>這樣修改就不會不斷重復了。
- 1 回答
- 0 關注
- 1390 瀏覽
添加回答
舉報
0/150
提交
取消