如何在单独的弹出窗口中打开div(而不是灯箱模式窗口)

Question

我的页面中有一个隐藏的div.我想知道是否有办法在一个单独的窗口中打开它,而不是在同一页面中的灯箱.灯箱方法有很多种方法,但似乎无法在单独的窗口中找到方法.我正在页面上运行jQuery

让我们假设这是div:

<style>
    #hidden {
        visibility: hidden;
    }

</style>

<div id="hidden">
    <p>I am a hidden div</p>
    <p>Hopefully i'll open up in a new window</p>
</div>

我在jQuery中尝试了以下方法,但它最终打开了同一页面

$(".button").click(function(){
            window.open('#yeah');
        });

Answer 1

您可以使用document.write在弹出窗口中设置内容:

var w = window.open();
w.document.write( $("#hidden").html() );
w.document.close(); //finish "loading" the page