Christopher Fernandes Ответов: 1

Создание пользовательского окна оповещения с помощью jquery


Я создал модальный div со строкой заголовка, пользовательскими значками и z-индексом С помощью javascript. Я не использую модальный интерфейс jquery.
Я могу отобразить модальный div, вызвав функцию
$(document).ready(function (){
   notify = function notify(mode, title, message, type) {
     createDialog(mode, title, message, type);
   }

   function createDialog(mode, title, message, type) {
      //code to create custom content
      appendDialog(customHtmlContent);
   }

    function appendDialog(content) {
        var body = $(document).find('body');
        $(body).append(content);
    }

   $(document).on('click','span#closeNotification',function(){
     //code to remove modal dialog
   });

   $(document).on('click','span#showNotification',function(){
     notify('mode','title','message','info');
     otherFunction();
   });
});

Но проблема в том, что после показа модального диалога я хочу остановить выполнение кода javascript. После того, как диалог будет закрыт пользователем, продолжите и выполните дальнейший код javascript.

Что я уже пробовал:

Я еще ничего не пробовал, чтобы добавить эту функциональность

ZurdoDev

chrome не поддерживает то, что вы хотите, а FireFox не будет ни в ближайшее время (или, может быть, уже). Что вам нужно сделать, так это вызвать функцию, когда модал закрыт.

Christopher Fernandes

Нет! я хочу, чтобы до тех пор, пока диалог не будет закрыт, следующая строка кода javascript в том же блоке кода не должна выполняться.

Richard Deeming

Это не поддерживается.

showModalDialog | MDN[^]
Эта функция была удалена из веб-стандартов. Хотя некоторые браузеры все еще могут поддерживать его, он находится в процессе удаления. Избегайте его использования и обновляйте существующий код, если это возможно; см. таблицу совместимости в нижней части этой страницы, чтобы принять решение. Имейте в виду, что эта функция может перестать работать в любой момент.

Эта функция была удалена в Chrome 43 и Firefox 46.

Karthik_Mahalingam

Всегда использовать  Ответить  кнопка, чтобы отправить комментарии / запрос пользователю, чтобы пользователь получил уведомление и ответил на ваш текст.

Bryian Tan

Почему бы просто не поместить otherFunction(); внутрь $(document). on ('click', 'span#closeNotification', function () { ? Я предполагаю, что функция, которая закрывает диалог.

Christopher Fernandes

эта другая функция() делает что-то еще. Диалоговое окно закрывается, когда пользователь нажимает на кнопку закрытия диалогового окна или одну из кнопок на нем.

1 Ответов

Рейтинг:
0

Karthik_Mahalingam

проверьте эту тему, вы найдете много ответов на этот вопрос
javascript-остановить выполнение страницы, как функция alert() [^]