複製Fancybox覆蓋div - 爲什麼？

我正在使用Fancybox在fancybox中顯示鏈接的目標。這是我的代碼註冊框：複製Fancybox覆蓋div - 爲什麼？

jQuery(".popup").fancybox({ 
    'width'   : 900, 
    'height'  : '95%', 
    'autoScale'   : false, 
    'transitionIn'  : 'none', 
    'transitionOut'  : 'none', 
    'type'   : 'iframe' 
});

現在用彈出類的鏈接：點擊此鏈接複製鏈接到的fancybox DIV看起來像這樣的內容

<a href="link to the site that should be shown" class="popup">link text</a>

：

<div class="fancybox-overlay fancybox-overlay-fixed" style="width: auto; height: auto; display: block;">content goes here</div>

現在，我的問題是，我有2個div，一個是內容和一個空的。這打破了佈局。任何想法，這可以如何解決？

謝謝！

來源

2013-09-16 user1856596

爲什麼你有2個divs？你不能使用fancybox創建的內容div嗎？ – DAC84

這就是問題！我可以看到內容的div，但第二個完全覆蓋它。看起來fancybox會附加兩次div。 – user1856596

內容不會進入'fancybox-overlay'，它會進入'fancybox-content'。覆蓋div用於灰色背景，因此聽起來像是有東西在那裏。你能發佈一個URL到你的頁面的演示嗎？ – DAC84

剛剛遇到了這個問題。找出了爲什麼div重複發生在我身上的原因。在fancybox中爲我加載的內容是用fancybox資源（在rails中）加載一個佈局，這樣它就把所有東西都搞亂了。

在行動我想渲染寫作：

render layout: false

的伎倆。

這是一個古老的問題，但也許它會用於某人。

來源

2016-08-20 20:13:13 FedeSc

複製Fancybox覆蓋div - 爲什麼？

回答

相關問題