0

我开始学习 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);
    });


});
4

1 回答 1

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

小提琴

于 2013-06-16T17:28:27.650 回答