Question

我的页面有多个模式，这些模式通过不同的链接或按钮打开，并且全部堆叠在一起。主模态是从store_list.php文件中初始化的，其ID为“ testModal”。该模式的内容已加载到admin_store_view.php文件中。在该文件中，还有两个模态，salesModal和addModal。它们都具有以下onClick函数（对于addModal，它称为closeAddModal）

<button type="button" class="close" onclick="closeModal()" >&times;</button>

然后用JS关闭模式

function closeModal() {
  $("#salesModal").modal("hide")
}

具有正确的函数名称和模式ID。

回到stores_list.php，我有以下JS可以完全清除testModal数据，因为需要根据所选商店重新加载不同的数据

$("#testModal").on('hidden.bs.modal', function () {
var modalData = $("#testModal").data('bs.modal');
//alert(modalData);

if (modalData && modalData.options.remote) {
    // Destroy component. Next time new component is created and loads fresh content
    $("#testModal").removeData('bs.modal');
    //Also clear loaded content, otherwise it would flash before new one is loaded.
    $("#testModal").find(".modal-content").empty();
}
});

我遇到的问题是，每当我打开testModal并单击“销售”链接以打开salesModal时，它都可以正常打开。但是，当我单击“ X”将其关闭时，它将同时关闭两个模态，并且背景变灰（screenshot）。为什么会这样呢？当我删除用于重置testModal的函数时，它会正常关闭，但是testModal不会使用新数据进行重置。

堆叠模态-当一个模态关闭时，所有模态都关闭

0 个答案: