Question

当用户尝试在其他页面上移动而不保存日期时，我试图显示警告弹出窗口。我正在使用asp .net mvc 5 bootstroup menu.popup即将出现，但在导航到其他页面时无法停止加载其他页面。

当用户单击“确定”按钮时，如果他们单击“取消”，则他们将停留在同一页面。

 $(".dropdown-menu").on("click", "li", function() {
     var newMenu = $('a', this).attr('href');
     var confirm = bootbox.confirm({
         message: 'Rule is not saved, Do you want to save it?',
         buttons: {
             confirm: {
                 label: 'Continue without saving'
             },
             cancel: {
                 label: 'Save and Exit'
             }
         },
         callback: function(result) {
             if (result == true && is_dirty == false) {
                 window.location.href = newMenu;
             } else {
                 window.stop();
             }
         }
     });
 });

Answer 1

您可以使用保存数据时将其设置为true的标志来进行确认并实现所说的内容。仅在标志设置为true时启用按钮或链接

$('#btnfb').click(function(){
   var r = confirm("press ok to continue!");
    if (r == false) {
        return false;
    }


})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="https://www.faacebook.com" target="_blank" id="btnfb">Visit W3Schools!</a>

用户尝试在其他页面上移动时出现警告弹出窗口

1 个答案: