Как уничтожить модальный диалог Boostrap 3 из DOM

Question

Как уничтожить модальный диалог Boostrap 3 из DOM

0

Я вызываю контент для модального диалога из ajax

 $.ajax({
    url: "/Clerk/PauseServiceDialog",
    success: function (data) {
        $("body").append(data);
        $("#pauseServiceDialog").modal({ keyboard: false });
    }
});

Когда я закрываю modal, я использую этот код

  $(document).on('hidden.bs.modal', ".modal", function (e) {
    this.remove();
});

В firebug я вижу, что html-код удаляется. Но если я снова вызову диалог и использую какое-то событие, я получаю 2 события. Как я понимаю, модальный диалог не удаляется из DOM.

Greg 01 апр. 2014, в 03:31

Источник

Теги:

javascript

jquery

dom

twitter-bootstrap-3

2 ответа

Ещё вопросы

Greg · Answer 1 · 2014-04-01T13-06-00.000Z

Я нашел ответ, как исправить дублирующее событие.

 $(document).on('hidden.bs.modal', ".modal", function (e) {
    var name = "#" + $(this).find("button.btn-primary").attr("id");
    $("body").off("click", name);
    $(this).remove();
});

Vasiliy Vanchuk · Answer 2 · 2014-04-01T02-05-00.000Z

Вы можете скрыть модальный код

   $("#pauseServiceDialog").data('bs.modal').hide()

PS Извините, я не понял обозначения $ (document).on('hidden.bs.modal' в целом - вы должны удалить модальный элемент AND, который обрабатывает его события (он хранится в $ ("# pauseServiceDialog"). ('bs.modal'))

Я не могу понять ваш пост. Я могу скрыть диалог. Но я не могу удалить контент из DOM. И мои события повторяются.