javascript,确认>警报>按顺序重定向

时间:2014-04-17 06:32:07

标签: javascript html

即时通讯使用bootbox和bootstrap

即时创建一个要求用户进行确认的表单,如果确认= true,则提示消息,然后仅重定向。 我找到了使用window.alert的解决方案,但它很难看。

这里有我的东西(使用Bootstrap和BootBox; jsFiddle):

HTML:

<a class="alert" href=#>Alert!</a>

JavaScript的:

$(document).on("click", ".alert", function (e) {
    bootbox.confirm("Hello world!", function (result) {
        if (result) {
            bootbox.alert('User added');
            //window.alert('ok');   //dun wan to use this, because it's ugly                  
            window.open('http://google.com', '_self'); //fiddle can't run this line
        }
    });
});

但小提琴无法运行&#39; window.open&#39;。你可以试试你的开发工具。

我现在面临的问题是页面将指向新页面而不等待用户响应警报。怎么解决?

互联网上有很多示例/解决方案&#39;如何提醒然后重定向&#39;,我尝试了它们但没有任何工作。我的情况与此不同,它通过确认显示&gt;警报&gt;导航。

请指教,谢谢。

2 个答案:

答案 0 :(得分:7)

您应该按照documentation

使用回调

语法

bootbox.alert(str message, fn callback)

示例:

bootbox.alert('User added', function(){
    window.open('http://google.com', '_self');
});

答案 1 :(得分:1)

阅读bootbox的文档。您需要一行:bootbox.alert(message, callback),因此您传递回调函数:

function(){window.open('http://google.com', '_self');}