Question

我之前发布了一个类似的问题并以一种我认为我的代码非常错误并且问题必须存在于其中的方式解决它。

所以我所做的就是在页面本身上创建一个带有colorbox ajax模态和普通div示例的简单页面。

我要做的是更改容器的大小，以便我可以显示一个额外的div - 它可以在主页面上运行。然而，即使在执行

之后，我也没有在模态中工作

$.fn.colorbox.resize();

或

$('.modal1').colorbox.resize();

以下是代码本身：

$("button").click(function(){
        $(".container").width('300');
    $('.left').show("slide", { direction: "right" }, 200);
    $.fn.colorbox.resize();
    $('.modal1').colorbox.resize();
});

And here is the example page I made

我尝试尽可能干净利落，以便于阅读。感谢大家！：）

Answer 1

您正在从外部文件加载colobox内容，因此，首先，您需要为按钮应用实时选择器。

然后传递你的colorbox resize方法的宽度，它似乎无法自动调整大小，最终因为延迟滑动动画。

$("button").live('click', function(){
    $(".container").width('300');
    $('.left').show("slide", { direction: "right" }, 200);
    $('.modal1').colorbox.resize({width: 300});
});

容器加宽后Colorbox不会调整大小

1 个答案: