时间戳

首页 > 解决方案 > 如何使模式弹出窗口中的“X”按钮重定向到另一个站点

jquery - 如何使模式弹出窗口中的“X”按钮重定向到另一个站点

问题描述

$(document).ready(function() {
    $("#dialog-message").css("display", "none");
    $("#uniqueCode").click(function() {
        $("#dialog-message").dialog({
            modal: true,
            width: 400,
            height: 250,
            position: {
                my: "center",
                at: "center",
                of: window
            },
            buttons: {
                Ok: {
                    text: "Ok",
                    id: "subBtn",
                    click: function() {
                        window.location.href = "google.com";
                        $(this).dialog("close");
                    }
                }
            }
        });
    });
});

上面的模态弹出窗口代码向用户显示了一条消息，并且在弹出窗口的右下角有一个确定按钮。右上角还有一个“X”按钮。当用户单击确定按钮时，他们会被重定向到另一个页面。一切正常，直到我发现问题。问题是当用户单击右上角的“X”按钮时，他们不会被重定向。我已经尝试了所有我认为可以让它工作的方法，但我仍然被卡住了！当用户单击右上角的“X”按钮或右下角的“确定”按钮时，如何将用户重定向到另一个站点？有人可以帮助我吗？

编辑：

<input type="submit" id="uniqueCode" name="submit" value="Submit" />

<div id="dialog-message" title="Reference Return Code">

输入按钮触发模态。div 用于窗口。

标签： jquery

解决方案

$('div#dialog-message').on('dialogclose', function(event) {
     window.location.href = "--your URL goes here--";
 }):

或者

$("#dialog").dialog({
    autoOpen: false,
    resizable: false,
    width: 400,
    height: 140,
    modal: true, 
    buttons: {
        "SUBMIT": function() { 
        $("form").submit();
    },         
    },
    close: function() {
      window.location.href = "--your URL goes here--";
    }
});

推荐阅读