使用colorbox顯示單獨的文檔

我使用colorbox單擊某個鏈接時顯示單獨的本地文檔。這個問題，我從來沒有做過，所以它可能是顯而易見的，我不能得到彈出的頁面樣式與CSS。我不知道這是如何工作的，彈出的頁面會使用調用它的頁面的CSS進行樣式化？我以爲我不能或不需要讓彈出文檔具有標題或正文標籤。我也想這樣做，而不使用iframe。使用colorbox顯示單獨的文檔

這是我的HTML選擇：

<li class="event priority1"> 
    <a href="detail_img.html" class="cbox-popup"> 
    <div class="content">Lorem Ipsum dolor sit amet, consectetur adipiscing elit.</div> 
    <div class="lower"> 
     <hr> 
     <span class="date">03.13.2012</span> 
     <span class="type">Regulation</span> 
     <img src="img/icon-lg-financial.png" alt="" height="19" width="26" /> 
    </div> 
    </a> 
</li>

，它應該加載該文件是：

<div class="popup wrap"> 
    <div id="content"> 
    <header> 
     <h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h1> 
     <div class="info"> 
     <time datetime="">05.10.2012</time> 
     <h2>Legislation</h2> 
     <img src="img/icon-popup-health.png" alt="" width="20" height="18" /> 
     </div> 
    </header> 
    <div class="inner"> 
     <img src="img/popup_img-fullSizeplaceholder.gif" alt="" width="765" height="491" /> 
    </div> 
    </div> 
</div>

最後我使用的是javasript：

<script> 
    jQuery(function() { 
     jQuery('.cbox-popup').colorbox({maxWidth: '75%'});  
    }); 
    </script>

所以，如果我沒有標題和主體標籤，文檔彈出，但它是無風格的。如果我有一個完整的html標題和body標籤沒有顯示的文檔。

來源

2012-08-10 xoam

你不應該把'div'放在'a'裏面，在這裏看到更多信息：http://stackoverflow.com/questions/1827965/is-putting-a-div-inside-an-anchor-ever-正確 – WhyNotHugo 2012-08-10 14:42:21

幸運的是我使用的是html5，並且在規範中允許使用。 :-) – xoam 2012-08-10 14:50:07

不知道。：P – WhyNotHugo 2012-08-10 14:51:54

同樣，如在examples page中看到的;你需要內嵌設置爲true，並鏈接到一個錨：

<script> 
jQuery(function() { 
    jQuery('.cbox-popup').colorbox({ 
    maxWidth: '75%', 
    inline: true 
    }); 
}); 
</script>

鏈接需要指向一個錨：

<a href="#stuff-to-be-shown" class="cbox-popup">

然後換你想要的一切這個樣子：

<div style='display:none'> 
    <div id='stuff-to-be-shown'> 
    Blah blah 
    </div> 
</div>

來源

2012-08-10 14:50:43 WhyNotHugo

OP是不是希望div彈出？ – DavChana 2012-08-10 15:01:21

它仍然無法正常工作。我從一個文檔調用另一個我想用colorbox顯示的文檔。我想我只需要使用display：如果它是在我從中調用它的同一個文檔中，則無。那有意義嗎？所以當我這樣做的時候，你沒有任何東西顯示。 – xoam 2012-08-10 15:02:07

是的，我剛剛鏈接到示例頁面，查看「內聯」工作方式，它只是做他想做的事情。 – WhyNotHugo 2012-08-10 15:02:17

使用colorbox顯示單獨的文檔

回答

相關問題