window.open &关闭几次

Question

我使用window.open();制作了一个新窗口，我想关闭它。所以我做了这个代码。

$('#open').on('click', function () {
    var win = window.open("", "", "width=400, height=200");
    $newWindow = $(win.document.body);
    // more code
    $newWindow.find('#close').on('click', function () {
        win.close(); // just works once
    });
});

它在FF中运行良好，在Chrome中只工作一次(关闭按钮停止工作)，并且在IE11上不工作(只是测试了v11).

我做错了什么？呃，如何解决这个跨浏览器工作？

jsFiddle

Answer 1

问题在于这一行：

$newWindow.html(content);

在将元素添加到弹出窗口之前，需要克隆它。否则，您将移除原始元素并将其移动到新的位置。

$newWindow.html(content.clone());

更新Fiddle：http://jsfiddle.net/XL7LR/10/