首次点击时，Colorbox无法打开所需的宽度和高度

Question

我正在使用带有ajax的colorbox来输入html文件。当我第一次点击链接加载彩色框时弹出窗口的宽度和高度变小，并且不会显示其中的图像和div。当我点击相同的链接时，第二次颜色框打开到所需的宽度和高度参数。

在脚本中，我之前将宽度设置为false，因此它会动态调整内容。我开始遇到这个问题，我尝试将宽度更改为940，但仍然有这个问题。

任何想法可能导致它？

（有问题的网站是jcoledesign.com）

Answer 1

请参阅常见问题解答中的此条目：

在第一次打开ajax /内联内容时，ColorBox的大小太小 http://jacklmoore.com/colorbox/faq/#faq-img

Answer 2

给图像标签明确的高度和宽度，即

<img src='myimage.jpg' />

成为

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

Answer 3

如果有人需要，还有一个解决方案。

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

您只需根据您拥有的内容设置匹配和高度。

：）