Всплывающее окно подтверждения

Question

Мой проект - создание сайта на одной странице с использованием jquery и html.

В моем проекте у меня много форм создания и обновления, и они управляются путем отображения и скрытия div, элементов загрузки и удаления html.

Я хочу добавить функциональность в свой проект, который выдает окно подтверждения, когда страница создания или обновления остается.

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

Вы уверены, что хотите выйти?

Я попытался

window.onbeforeunload

но doent работает для меня.

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

какие-либо предложения?

Answer 1

Вы можете использовать простой запрос, но для чего-то немного больше фантазии - и почти так же просто проверить JQuery Диалог:

http://jqueryui.com/dialog/

Это требует JQuery UI, хотя.

Answer 2

вы должны вызвать диалог по методу окна выгрузки

$(window).unload(function(e) { 
    alert("unload() called."); 
    // aa is any condition 
    if(a) 
    { 
    return true; 
    } 
    else 
    { 
    e.preventDefault(); 
    } 
}); 

разрядить() функция CALLE, если вы ориентируетесь на странице ...

Answer 3

Первое решение с JQuery Диалог - http://jqueryui.com/dialog/ другой заключается в использовании Javascript confirm() - http://www.w3schools.com/jsref/met_win_confirm.asp Но с помощью jQuery Dialog вы можете настроить его как хотите (добавьте css, больше кнопок, название и т. д.). С помощью Javascript Confirm() вы можете выбирать только события и текст в диалоговом окне.

Answer 4

window.onbeforeunload = function() { 
    if(form.hasUnsavedChanges() === true) { // or other conditions you need 
     return 'Are you sure you want exit ?'; 
    } 
};