2014-01-20 55 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 ?'; 
    } 
};