javascript - 测试由警报 : div not hiding 分隔的 jQuery .hide() 和 .show()

Question

这是非常基本的代码:

$('.myDiv').click(function() {

    $('.anotherDiv').hide();
    alert('pause the ui');
    $('.anotherDiv').show();
});

当我执行上述操作并显示警报时，.anotherDiv 仍然显示。我期待它被隐藏。

如果我删除以下行:$('.anotherDiv').show(); 那么该 div 会隐藏。所以我知道 jQuery 知道他的 div 存在。

我期待在重新显示 div 之前暂停 UI 的警报。这不是 JavaScript/jQuery 的工作方式吗？

Answer 1

.hide 可以在元素被隐藏后执行回调:

$('.myDiv').click(function() {
    $('.anotherDiv').hide(function() {
          alert('pause the ui');
          $('.anotherDiv').show();
    });
});

问题基本上是，尽管已告知元素隐藏自身，但浏览器并未重新绘制，并且警报会停止所有其他执行。