jquery - 如何通过单击关闭刚刚使用 JQuery 打开的窗口？

Question

我现在可以在新的弹出窗口中打开原始大小的图片，但我希望能够通过单击将其关闭。这是我打开它的方式:

function bigger(service)    {       
    var image = window.open(service, 'image', 'width=510,height=470,menubar=0,scrollbars=0,titlebar=0,left=200,toolbar=0,top=200,resizable=0');
};

用这个点击事件来激活该功能:

$("#services div img").click(function() {
    bigger($(this).attr('src'));
});

这部分工作完美。但现在我试图通过单击窗口上的任意位置来关闭窗口。这是我尝试过的事情的一个变体:

$(image).click(function()   {
    $(image).close();
});

这给了我错误:Uncaught ReferenceError:图像未定义

现在这最后一点是我真的不知道该怎么做，我环顾四周并尝试了一些变体，但我似乎无法做到正确，所以这就是为什么我请求你的帮助:我怎样才能单击关闭此打开的窗口？

Answer 1

可以这样做:

DEMO jsFiddle

function bigger(service) {
    var image = window.open("", 'image', 'width=510,height=470,menubar=0,scrollbars=0,titlebar=0,left=200,toolbar=0,top=200,resizable=0');
    $(image.document.body).append('<img style="width:100%" src="' + service + '">').on('click', function(){
        image.close();
    });
}