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

Answer 2

那是因为你正在使用window.open错误。

见这里：https://developer.mozilla.org/en/DOM/window.open

var windowObjectReference;
var strWindowFeatures = "menubar=yes,location=yes,resizable=yes,scrollbars=yes,status=yes";

function openRequestedPopup()
{
  windowObjectReference = window.open("http://www.cnn.com/", "CNN_WindowName", strWindowFeatures);
}

Answer 3

查看文档。 window.ope n需要一个网址。

这是一个javascript而不是jQuery函数。

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

3 个答案: