Закрыть jquery модальный - PullRequest
Новая
       4

Закрыть jquery модальный

0 голосов
/ 28 мая 2020

Я импортирую Jquery Modal из этих двух ссылок (js и css) 

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

Ничто из этого не закрывает модальное окно должным образом (возможно, скрывает модальное окно, но не все, так как есть черный экран)

Я думаю это не должно быть так сложно, но каждая ссылка, которую я получаю, говорит мне сделать одно из этого

Спасибо

1 Ответ

1 голос
/ 28 мая 2020

Если на странице только одно модальное окно, используйте это: 

$.modal.close();
...