警报出现前如何执行一些代码

Question

I need to hide a div by clicking on it and AFTER the div is hidden - an alert should appears. 我需要通过单击它来隐藏div，并且在div隐藏之后-应该会出现警报。

Problem - the alert appears BEFORE the div is hidden. 问题-隐藏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's .hide offers a callback for when the element has disappeared. jQuery的.hide提供了元素消失时的回调。

 $('.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>

Answer 2

1.Using setTimeout will give you result you want 1.使用setTimeout会给你想要的结果

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

2.You can also use callback as second parameter of hide function https://api.jquery.com/hide/ 2.您也可以使用callback作为隐藏函数https://api.jquery.com/hide/的第二个参数

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