JQuery Ajax使用加載器加載外部html

Question

是否有可能讓colorbox及其動畫處於擴展div而不是新模態窗口？不知道colorbox是做這件事的正確方法。

我想ajax加載外部html到一個div，但保持關閉，動畫和加載功能colorbox。

任何想法將不勝感激。

Answer 1

當然可以！ colorbox僅查看您要應用colorbox的<a>標籤的href屬性。無論該標籤是鏈接到圖像還是HTML文件，它都會將內容加載到一個漂亮的彩色框中。

例如，在你的主頁內容：

<a id="colorboxMe" href="yourPage.html">Click to see yourPage</a> 

而在你的javascript：

$('#colorboxMe').colorbox(); 

點擊鏈接應該的yourPage.html內容加載到不斷擴大的股利。

編輯：哦，我不明白你的問題。我猜如果你不想覆蓋和居中框架，你可以用一些CSS來改變它。添加到您的主頁的CSS：

#cboxOverlay { 
    display: none; 
} 
#colorbox { 
    position: relative; 
    display: inline; 
    left: 0px; 
    top: 0px; 
} 

編輯編輯：這可能不會工作，因爲腳本將覆蓋這些css聲明。我不知道解決方案是什麼。