2014-01-20 62 views
-2

我的項目是使用jquery和html的單頁面網站構建。彈出確認框

在我的項目中,我有很多創建和更新形式,這些是通過顯示和隱藏div,元素加載和刪除html來管理的。

我想在我的項目中添加一項功能,只要留下創建或更新頁面,彈出確認框。

我的意思是,當用戶創建的東西,他點擊菜單欄(故意或錯誤),然後確認框應彈出說

您確定要退出?

我試圖

window.onbeforeunload

但doent爲我工作。

現在作爲元件被越來越加載並動態地去除,並且頁面不重定向因此,我無法使用此方法..

任何建議?

+0

window.confirm:https://developer.mozilla.org/en-US/docs/Web/API/Window.confirm – fcalderan

+0

https://developer.mozilla.org/en-US/docs/ Web/API/Window.confirm –

+0

你的答案是[這篇文章](http://stackoverflow.com/questions/11290780/window-onbeforeunload-in-javascript),請做一個更好的搜索:) – amity

回答

0

您可以使用一個簡單的提示,但對於一些更花哨 - 幾乎一樣簡單檢查JQuery的對話框:

http://jqueryui.com/dialog/

它需要JQuery用戶界面雖然。

+0

jQuery + jQuery UI的基本window.confirm?你不能認真。 –

+0

@SilviuBurcea爲什麼不,它看起來不錯? Saurabh可能會將UI用於其他事情。 –

+0

您不會帶來如此多的資源進行確認。如果你這麼做了這個微不足道的任務,我想知道你有多少資源來完成一項嚴肅的任務。 –

0

你必須觸發窗口卸載方法

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

如果從頁面導航卸載()函數卡萊...

+0

'.unload()'不贊成使用@'版本:1.8'。 – Jai

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