使用诸如Facebook之类的模式从页面上确认导航

Question

我正在尝试使用bootbox.js提供模态确认框。

我的代码看起来像这样，尽管问题是本机JavaScript确认使用了Boot box插件的自定义确认框：

$(window).bind('beforeunload', function(){
   var conf = "All unsaved changes will be lost, are you sure you want to leave the page?";         
   return bootbox.confirm(conf, function(result) 
            {
                return result;
            });
        });

谁能告诉我什么问题或帮助我理解出了什么问题。？

预先感谢

Answer 1

在这种情况下使用jQuery。为了方便起见，我在锚标签中添加了"确认"课程。您可以使用

来防止默认行为

e.preventDefault

然后在boot box回调中执行其他过程，并在用户提供响应后导航。

$('a.confirmation').click(function(e){
    e.preventDefault();
    var $link = $(this);
    bootbox.confirm({
        message: "Are you sure you want to continue?",
        callback: function (result) {
            if(result){ window.location.href = $link.attr('href'); }
        }
    });
});