即时通讯使用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;导航。
请指教,谢谢。
答案 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');}