Question

刚开始学习jQuery并在淡入淡出时遇到问题。每次单击按钮淡化圆圈并隐藏单词时，警报会出现5次。

<script>
  $(document).ready(function(){
    $("button").click(function(){
      $("#circle").fadeToggle("slow");
    });
  });    
</script>
<script>
  $(document).ready(function(){
    $("button").click(function(){
      $("p").hide("slow", function(){
        alert("The paragraph is now hidden");
      });
    });
  });
</script>

Answer 1

您可能有多个段落，并且动画的回调会在每个段落上触发。

您可以使用承诺解决它（在jQ的更高版本中，所有动画方法都返回延迟）

$(document).ready(function(){
    $("button").click(function(){
      $("p").hide("slow").promise().done(function(){
        alert("The paragraph is now hidden");
      });
    });
});

FIDDLE

使用jQuery在网站上按下按钮时出现多个警报

1 个答案: