jQuery Mobile 弹出框 destroy() 方法

destroy() 方法是 jQuery Mobile 中用于销毁弹出框的方法。当我们通过 popup() 方法创建了一个弹出框后，如果希望在弹出框的关闭时将其从 DOM 中删除，就可以使用 destroy() 方法。

使用方法

destroy() 方法可以通过以下方式之一来调用：

1. 使用 jQuery Mobile popup() 方法中的 option。在 option 中设置 history 参数为 false，然后在 popupafterclose 事件中调用 destroy() 方法。

$(document).on("popupafterclose", "#myPopup", function () {
  $(this).popup("destroy");
});

2. 直接在弹出框元素上调用 popup("destroy")。

$("#myPopup").popup("destroy");

代码演示

下面是一个代码演示，展示了如何使用 destroy() 方法销毁弹出框。

<!-- 弹出框的 HTML -->
<div data-role="popup" id="myPopup" data-dismissible="false">
  <p>我是一个弹出框！</p>
  <a href="#" data-rel="back" class="ui-btn ui-btn-inline ui-btn-b ui-shadow ui-corner-all">关闭</a>
</div>

<!-- 按钮 -->
<a href="#myPopup" data-rel="popup" class="ui-btn ui-corner-all ui-shadow">
  点击打开弹出框
</a>

<!-- JavaScript -->
<script>
$(document).on("popupafterclose", "#myPopup", function () {
  $(this).popup("destroy");
});
</script>

结论

destroy() 方法是 jQuery Mobile 中用于销毁弹出框的方法。通过在 popupafterclose 事件中调用 destroy() 方法，我们能够在弹出框关闭时将其从 DOM 中删除。