Close jquery modal

问题描述 投票:0回答:1

我正在从这两个链接(js和css)导入Jquery Modal

    <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();

这些都没有按其应有的方式关闭模态(可能会隐藏模态,但由于有黑屏,所以不会全部隐藏)

我认为这应该不难,但是我进入的每个链接都告诉我要做其中一项

谢谢

javascript jquery modal-dialog
1个回答
1
投票

如果页面上只有一个模式,请使用此:

$.modal.close();
© www.soinside.com 2019 - 2024. All rights reserved.