javascript - 使用 jQuery 检测元素褪色 true 或 false

Question

所以，我有一个元素 $('#div') 并且我有一个类似的事件:

$('#div').click(function(){
    $("#element").fadeIn();
    $("#div").addClass("closable");
});

现在，我在文档上还有另一个事件:

$(document).click(function(){
  if($('#div').hasClass('closable')){
      $("#element").fadeOut();
  }
});

当我单击页面上的某个位置时，我需要淡出我的元素，但前提是我的元素具有“可关闭”类。

在我的示例中，当我单击 div 时，我的元素会立即淡入和淡出...我该怎么做？

Answer 1

问题是您在淡入动画开始后添加类closable，而不是在它完成之后添加。这是因为 .fadeIn 安排了动画，但在它运行之前返回(实际上，在它开始之前)。

利用 .fadeIn 允许您指定动画完成时调用的回调函数来解决此问题:

$('#div').click(function(){
    $("#element").fadeIn(function() { $("#div").addClass("closable") });
});