jquery - 首次打开时 Colorbox 无法以正确的高度打开

Question

所以我正在使用 colorbox联系表单插件。我只是默认的 colorbox 属性，所以它应该自动调整到它包含的 div(对吗？)。

首次加载时，此颜色框内容上有一个小的垂直滚动条。我见过这种情况在 Firefox 和 chrome for OSX

中偶尔发生

尝试#1

$("a.modalAutosize").each(function(){
    $(this).colorbox();

});

示例中的事件代码

$("a.modalAutosize").each(function(){
    $(this).colorbox({onOpen: function(){$.fn.colorbox.resize()}});

});

Answer 1

我已经调查了这个问题。

尝试看看你通过ajax加载了哪些内容。如果有一些图像没有“高度”和“宽度”属性，则会出现滚动条。

发生这种情况是因为浏览器不知道图像的大小，并且不会等到图像加载才计算页面布局。第一次加载后，图像位于缓存中，浏览器可以计算大小。

尝试指定图像的尺寸。对我来说它有效。