Question

我开始学习jQuery。我创建一个弹出窗口并在其上添加一个按钮。我想点击那个按钮来关闭我的弹出窗口，我使用一个id来附加我的窗口，但它无法正常工作。谢谢你的帮助。

<a href="" rel="0" class="patrick" >click me</a>

var windowSizeArray = ["width=200,height=200", "width=3000,height=400,scrollbars=yes"];

$(document).ready(function () {
    $('#win').bind('click', function () {
        newwindow.close();
    });
    var $newdiv1 = $('<input type="button" class="myButton" value="ok" id="win"/>')

    $('.patrick').click(function (event) {
        var url = $(this).attr("href");
        var windowName = "popUp"; //$(this).attr("name");
        var windowSize = windowSizeArray[$(this).attr("rel")];

        var newwindow = window.open(url, windowName, windowSize);
        event.preventDefault();
        $(newwindow.document.body).html($newdiv1);
    });


});

Answer 1

不要使用内联JS，但在这种情况下，只需在按钮中添加一些内联JS就是最简单的解决方案：

var windowSizeArray = ["width=200,height=200", "width=3000,height=400,scrollbars=yes"];

$(document).ready(function () {
    var $newdiv1 = $('<input type="button" class="myButton" value="ok" id="win" onclick="window.close()"/>')

    $('.patrick').click(function (event) {
        var url = $(this).attr("href");
        var windowName = "popUp"; //$(this).attr("name");
        var windowSize = windowSizeArray[$(this).attr("rel")];

        var newwindow = window.open(url, windowName, windowSize);
        event.preventDefault();
        $(newwindow.document.body).html($newdiv1);
    });
});

FIDDLE

关闭弹出窗口

1 个答案: