删除div后显示弹出窗口

Question

我想首先删除div，然后显示我的弹出窗口。但在显示警报时，我能够看到div。 关闭弹出窗口后，div将被移除。

＆＃13;

＆＃13;

$("#btnRemoveDiv").on("click",function(){$("#divRemove").remove();
alert("Removed");});

＆＃13;

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<div id="divRemove">Remove this div first then show the popup. Dont show this while the popup is opened!</div>
<input type="button" id="btnRemoveDiv" value="Remove">

＆＃13;

＆＃13;

＆＃13;

@quirimmo请看：

Answer 1

使用when将其作为承诺进行管理，它应该有效：

$("#btnRemoveDiv").on("click",function(){
  $.when($('#divRemove').remove()).then(function() {alert('removed');});
});

<script
  src="https://code.jquery.com/jquery-3.2.1.min.js"
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  crossorigin="anonymous"></script>
<div id="divRemove">Remove this div first then show the popup. Dont show this while the popup is opened!</div>
<input type="button" id="btnRemoveDiv" value="Remove">

JSfiddle：

https://jsfiddle.net/91x9ta3n/12/

Answer 2

使用超时，因此警报和删除不会同时执行。

mvc

jsfiddle：https://jsfiddle.net/91x9ta3n/7/