Question

我有一个带有三个按钮的jquery对话框。当用户点击链接时，我想将href抓取到变量中，阻止链接执行，并显示包含Save，Discard或Cancel选项的对话框。在保存或丢弃时，我想导航到他们点击的链接。我在php / jquery工作。

一切都运行良好，除非用户点击链接“A”，并在对话框中单击取消，然后单击链接“B”并在对话框中选择放弃，浏览器导航链接“A”而不是“B”！

我做错了什么？

这是我的代码，我将在下面详细解释：

        function myFunction(href) {
        if (check == false) {
          alert (href);
          $('#replaceSave').hide();
          $( "#tabWarn" ).dialog( "open" );
           $(function() {
             alert (href);
              $( "#tabWarn" ).dialog({
                  resizable: false,
                  height:240,
                  width:400,
                  modal: true,
                  buttons: {
                    Cancel: function() {
                      check = false;
                      setConfirmUnload(true);
                      $( this ).dialog( "close" );
                    },
                    "Discard": function() {
                            alert(href);
                            check = true;
                            setConfirmUnload(false);
                            alert(href);
                            if (href != 'no') {
                              window.location.href = href;
                            }
                            $( this ).dialog( "close" );
                    },
                    "Save": function() {
                            saveFunction();
                            if (href != 'no') {
                              setTimeout(function() { window.location.href = href; }, 2000);
                            }
                            $('#replaceSave').show();
                            setTimeout(function() { $( '#tabWarn' ).dialog( "close" ); }, 2000);
                    },
                  }
              });
          });
        }
    }

href的第一个警报始终显示正确的地址。当我单击链接“A”然后选择取消时，所有警报都显示“A”。但是当我返回并单击链接“B”并选择丢弃时，所有警报显示链接“B”，除了丢弃按钮内的警报 - 它们显示链接“A”。因此，即使我点击“B”，页面也会导航到链接“A”。

如果我先点击链接“B”并选择丢弃，它就能正常工作。如果我选择取消然后再次单击并选择另一个链接，它只能正常工作。

仅供参考，href始终设置。死链接目前通过'否'到该功能。但是，我上面的所有问题都是实时链接和死链接。

以下是调用函数的代码：

        $('a.chk').click(function (event) {
          if (check == false) {
                var addressValue = $(this).attr("href");
                //alert(addressValue);
                setConfirmUnload(false);
                event.preventDefault();
                return myFunction(addressValue);
          }
        });

感谢您的投入！

我搜索过类似的问题，但没有找到任何内容，但我可能错过了一个，因为我不确定如何搜索这个问题！

Answer 1

尝试使用dinamically生成并销毁对话框

function customConfirm(msg, href) {
  var container = $("<div/>").append(msg);

  $( container ).dialog({
    // your dialog stuff
    close: function () {
       $(this).remove();
    }                
  }); 
}

// If you want to keep your #tabWarn
customConfirm($("#tabWarn").html(),href);

// If you want some custom msg
customConfirm("Are you sure you want to do that?",href);

至于它为什么会发生：jquery ui对话框的默认行为是在对话框附加到对话框后显示或隐藏对话框Div。您可以使用旧方法（不破坏）测试它，打开一次，然后检查DOM，您应该在身体末端看到一个隐藏的div。

因此，第二次单击链接时，您可以使用第一次创建的对话框，并使用第一个链接的配置。

Jquery对话框href变量未在按钮中更新

1 个答案: