jQuery UI:用于在新窗口中打开链接的按钮

时间:2011-08-02 11:54:12

标签: javascript jquery-ui jquery-ui-dialog

我有以下代码,

var targetUrl = $(this).attr("href");
$("#leaving-dialog").dialog({
    buttons: {
        "No, I want to stay here": function () {
            $(this).dialog("close");
        },
        "Yes, that's okay": function () {
            window.location.href = targetUrl;
        }
    }
});

它基本上使其中一个按钮将用户发送到某个地方。我想要它做的是在新窗口或标签中打开链接,然后关闭模式(因为它们仍然会打开原始页面)。

知道如何解决这个问题吗?

1 个答案:

答案 0 :(得分:3)

使用window.open(targetUrl);代替window.location.href,然后在close对话框中添加该行。

这是example fiddle(使用jQuery UI文档中的一些示例dialog代码,我没有包含CSS文件,所以它看起来不像是对话框!)< / p>