顏色框不會在第二個電話

Question

我使用多個鏈路上的顏色框加載內嵌的內容，這樣有高度：

jQuery('#atelier .list .block a').each(function(){ 
    var idContent = jQuery(this).attr('href'); 
    var htmlContent = jQuery(idContent).html(); 
    jQuery(this).colorbox({ 
     inline: true, 
     html: htmlContent, 
     scrolling:false, 
     width:ateWidth, 
     opacity:0.6, 

    }); 
}); 

第一次調用工作做好，並顯示我的div的內容。但是，如果在關閉第一個鏈接後點擊另一個鏈接，即使我的內容位於cboxLoadedContent中，我也會以0px高度的colorbox結束。我試過這個解決方案：

jQuery('#atelier .list .block a').each(function(){ 
    var idContent = jQuery(this).attr('href'); 
    var htmlContent = jQuery(idContent).html(); 
    jQuery(this).colorbox({ 
     inline: true, 
     html: htmlContent, 
     scrolling:false, 
     width:ateWidth, 
     opacity:0.6, 
     onComplete: function(){ 
      jQuery.colorbox.resize(); 
     } 

    }); 
}); 

和在調整大小功能，但沒有影響正確的高度相同。這個問題發生在所有的IE，chrome，FF ..沒有例外。

Answer 1

內聯和html屬性是排他性的（選擇其中一個或另一個，而不是兩個），因此可能與它有關。但是這比所需要的要複雜得多。試試這個：

jQuery('#atelier .list .block a').each(function(){ 
    jQuery(this).colorbox({ 
     inline: true, 
     href: $(this).attr('href'), 
     scrolling:false, 
     width:ateWidth, 
     opacity:0.6, 
     onComplete: function(){ 
      jQuery.colorbox.resize(); 
     } 
    }); 
});