关闭 jquery 模式

Question

我正在从这两个 link（js 和 css）

导入 Jquery 模态

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />

我在正文中添加了以下 html 代码

<button onclick="load();" class="btn btn-primary">
  <span class="fa fa-icon fa-filter"></span>
  Filtrar
</button>
<div id="loadingModal" class="" style="display:none">
  Cargando
</div>

下面是js文件

function load() {
    openLoadingModal();
    doSomething();
    closeModal();
}

function openLoadingModal(e) {
    $("#loadingModal").modal("show");
    var count = 0;
    var points = "";
    var intervalId = window.setInterval(function(){
        count++;
        $("#loadingModal").text("Cargando" + ".".repeat(count % 3 + 1));

    }, 1000);
    return intervalId;
}

有了这个，模态就如我所料打开了。问题是我想在结束时关闭模态。但是我找到的解决方案没有用。我尝试了以下方法：

    $("#loadingModal").modal("close");
    $("#loadingModal").modal().close();
    $("#loadingModal").modal().close;
    $("#loadingModal").modal("toggle");
    $("#loadingModal").modal().toggle();

None 这会按原样关闭模态（可能隐藏模态，但不是全部，因为有黑屏）

我认为这不应该这么难，但我进入的每个 link 都告诉我做其中一个

谢谢

Answer 1

如果页面上只有一个模式，使用这个：

$.modal.close();

关闭 jquery 模式

Close jquery modal

javascript

jquery

modal-dialog