2011-06-16 69 views
3

我使用colorbox和ajax來拉取html文件。當我第一次點擊鏈接來加載colorbox時,彈出窗口的寬度和高度都會變小,並且不會在其中顯示圖像和div。當我點擊同一個鏈接時,第二次colorbox打開到所需的寬度和高度參數。Colorbox在第一次點擊時未打開到所需的寬度和高度

在我之前將寬度設置爲false的腳本中,因此它會動態調整爲內容。我開始有這個問題,我試圖改變寬度爲940,但仍然有這個問題。

任何想法可能導致它?

(有問題的網站是jcoledesign.com)

回答

3

參見常見問題解答此項:

彩盒的尺寸太小,第一次AJAX /內嵌的內容被打開 http://jacklmoore.com/colorbox/faq/#faq-img

+0

似乎現在是一個流氓鏈接,任何更新?我遇到了這個問題,我正在努力解決它。我試過傳入尺寸和各種各樣。我想我會嘗試使用'.live()' – 2012-01-10 15:01:05

0

給圖像標籤明確的高度和寬度,即

<img src='myimage.jpg' /> 

變成

<img src='myimage.jpg' width=500 height=500 /> 
+0

綁定在Drupal中,您可以使用Image URL Formatter模塊構建自己的圖像標記,從而在標記中添加圖像寬度和高度,從而解決問題 - 如果使用是Drupal。 – cptstarling 2016-03-03 16:59:23

0

如果有人需要這個,還有一個解決方案。

 $.colorbox({inline:true, href:"#form"},function(){ 
       $('#cboxContent').css("height","160"); 
       $('#cboxMiddleLeft').css("height","160"); 
       $('#cboxMiddleRight').css("height","160");     
     }); 

你只需要根據你的內容設置和高度。

:)

相關問題