如何在單獨的彈出窗口中打開div（相對於lightbox模式窗口）

我在頁面中隱藏了div。我想知道是否有辦法在單獨的窗口中打開它，而不是在同一頁面中的lightbox。有很多方法可以做到這一點的燈箱方法，但似乎無法找到一種方法在一個單獨的窗口中。我的頁面如何在單獨的彈出窗口中打開div（相對於lightbox模式窗口）

讓我們假設這個上運行的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'); 
     });

來源

2011-12-07 Seedorf

您可以使用文件撰寫設置您的彈出窗口上的內容：

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

來源

2011-12-07 13:16:01 hugomg

有無看一下文檔。 window.ope n需要一個url。

這是一個JavaScript而不是jQuery函數。

來源

2011-12-07 13:14:05 PiTheNumber

這是因爲你正在使用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); 
}

來源

2011-12-07 13:15:14 Trevor

如何在單獨的彈出窗口中打開div（相對於lightbox模式窗口）

回答

相關問題