javascript - jQuery 用户界面 : button to open link in new window

标签 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;
        }
    }
});

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

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

最佳答案

使用 window.open(targetUrl); 而不是 window.location.href,然后添加行来关闭对话框.

这是一个example fiddle (使用 jQuery UI 文档中的一些示例 dialog 代码,并且我没有包含 CSS 文件,因此它看起来不像对话框!)

关于javascript - jQuery 用户界面 : button to open link in new window,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6911626/

相关文章:

javascript - 如何从多个元素中选择一个元素克隆到单独的部分? (对其进行硬编码,以节省时间和资源)

javascript - jQuery datepicker 未显示,初始化调用已执行

javascript - 如何使元素 float 在 Jquery 对话框之外

javascript - 动态 svg xlink :href not rending the icons in browser

javascript - 使用已注册的协议(protocol)从网页打开我的 Electron App

javascript - 可拖动的对话框作为可拖动的 iframe(或可拖动的 div)

jQuery UI 对话框调整大小关闭按钮

css - Wordpress 按钮中的 jQuery 对话框显示在左侧而不是右侧

jquery - jQuery UI 可调整大小对话框中的 textarea

javascript - 为什么白名单不会因错误的模型 NestJs 而出错