我使用colorbox和ajax來拉取html文件。當我第一次點擊鏈接來加載colorbox時,彈出窗口的寬度和高度都會變小,並且不會在其中顯示圖像和div。當我點擊同一個鏈接時,第二次colorbox打開到所需的寬度和高度參數。Colorbox在第一次點擊時未打開到所需的寬度和高度
在我之前將寬度設置爲false的腳本中,因此它會動態調整爲內容。我開始有這個問題,我試圖改變寬度爲940,但仍然有這個問題。
任何想法可能導致它?
(有問題的網站是jcoledesign.com)
我使用colorbox和ajax來拉取html文件。當我第一次點擊鏈接來加載colorbox時,彈出窗口的寬度和高度都會變小,並且不會在其中顯示圖像和div。當我點擊同一個鏈接時,第二次colorbox打開到所需的寬度和高度參數。Colorbox在第一次點擊時未打開到所需的寬度和高度
在我之前將寬度設置爲false的腳本中,因此它會動態調整爲內容。我開始有這個問題,我試圖改變寬度爲940,但仍然有這個問題。
任何想法可能導致它?
(有問題的網站是jcoledesign.com)
參見常見問題解答此項:
彩盒的尺寸太小,第一次AJAX /內嵌的內容被打開 http://jacklmoore.com/colorbox/faq/#faq-img
給圖像標籤明確的高度和寬度,即
<img src='myimage.jpg' />
變成
<img src='myimage.jpg' width=500 height=500 />
綁定在Drupal中,您可以使用Image URL Formatter模塊構建自己的圖像標記,從而在標記中添加圖像寬度和高度,從而解決問題 - 如果使用是Drupal。 – cptstarling 2016-03-03 16:59:23
如果有人需要這個,還有一個解決方案。
$.colorbox({inline:true, href:"#form"},function(){
$('#cboxContent').css("height","160");
$('#cboxMiddleLeft').css("height","160");
$('#cboxMiddleRight').css("height","160");
});
你只需要根據你的內容設置和高度。
:)
似乎現在是一個流氓鏈接,任何更新?我遇到了這個問題,我正在努力解決它。我試過傳入尺寸和各種各樣。我想我會嘗試使用'.live()' – 2012-01-10 15:01:05