Question

我有一个ColorBox组，我希望显示来自动态源的信息，并使用pervious和next按钮迭代组。

这样：

$(".colorbox").colorbox({rel:'group', transition:"fade"});


<a class="colorbox" id="l_152957" rel="group" title="" href="object_snippet.php?id=152957" ><img src="images/46636_140.jpg" alt=""></a> 

<a class="colorbox" id="l_74911" rel="group" title="" href="object_snippet.php?id=74911" ><img src="images/46536_140.jpg" alt=""></a> 

<a class="colorbox" id="l_202703" rel="group" title="" href="object_snippet.php?id=202703" ><img src="images/46336_140.jpg" alt=""></a>

object_snippet.php中的html数据是通过id = XXX url变量动态生成的

我认为这可以正常工作但是在点击下一个和上一个按钮后，颜色框不会调整大小以适应内容。内容就在那里，但只是在一个非常小的窗口。

知道如何让这种情况发生并让彩色盒的大小适应动态生成的内容吗？

Answer 1

当colorbox加载ajax内容时，它会将标记添加到文档中，然后使用jQuery来测量宽度和高度。为什么您的标记不会报告您想要的尺寸？有CSS问题吗？标记是否包含未指定尺寸的img元素？

带有动态内容的Colorbox无法为Group正确调整大小

1 个答案: