javascript - 如何在警报出现之前执行一些代码

Question

我需要通过单击来隐藏 div，在隐藏 div 后 - 应该会出现一个警报。

问题 - 在隐藏 div 之前出现警报。

$('.lorem').on('click', function(){
  $(this).hide();
  alert('LOREM IS HIDDEN');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='lorem'>LOREM</div>

Answer 1

JQuery 的 .hide 提供 callback当元素消失时。

$('.lorem').on('click', function(){
  $(this).hide(function() {
    alert('LOREM IS HIDDEN');
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='lorem'>LOREM</div>