Question

我有一个链接，当点击时会打开一个对话框，当点击对话框中的CONFIRM按钮时，需要通过带有一些变量的GET动作（原始链接）将用户发送到特定的URL。显然，如果单击CANCEL，则无效链接单击操作。

不确定如何把它们放在一起。这就是我到目前为止所做的事情。

JS

$("#doSomething").click(function(){
        $("#myConfirm").dialog({
            resizable: false,
            height:140,
            modal: true,
            buttons: {
                "Continue": function() {
                    $(this).dialog("close");
                    // go to url...
                },
                Cancel: function() {
                    $(this).dialog("close");
                }
            }
        });
    });

HTML

<a href="page.php?var=1" id="doSomething">Link</a>

Answer 1

试试这个（在你的继续按钮的处理程序内）：

window.location = "page.php?var=1";

编辑1：完整代码。

$("#doSomething").click(function(){
    $("#myConfirm").dialog({
        resizable: false,
        height: 140,
        modal: true,
        buttons: {
            "Continue": function() {
                window.location = "page.php?var=1"; // you can create the URL as you like...
            },
            "Cancel": function() {
                $(this).dialog("close");
            }
        }
    });
});

编辑2：点击链接完成代码。

<强> HTML：

<a id="myHyperlink" href="#">Link</a>

<强> JavaScript的：

$("#myHyperlink").click(function(){
    $("#myConfirm").dialog({
        resizable: false,
        height: 140,
        modal: true,
        buttons: {
            "Continue": function() {
                window.location = "page.php?var=1"; // you can create the URL as you like...
            },
            "Cancel": function() {
                $(this).dialog("close");
            }
        }
    });
});

Answer 2

在// go url。

添加ajax调用

$.ajax({
         url: yourUrl,
         beforeSend: function() {
              // do something like show a loading image
         },
         success: function() {
              // do something like hide the loading image
         },
         error: function() {
              // do something like hide a loading image and alert error message
         }
});

jQuery确认与链接的对话

2 个答案: