javascript - jQuery 颜色框调整大小

Question

我正在使用 jQuery 插件 ColorBox。

在我的文件中使用了 jquery hide & slideToggle。

当我点击和滑动隐藏的 div 时，我需要改变 colorbox 的高度。

我试过 colorbox resize 或 $("#ajax_container").height($("#a").height());

两者都不行，有什么办法吗？

<script>
    $(document).ready(function(){
        $("#a").hide();

        $("#click_a").click(function(){
            $("#a").slideToggle(200);
            $.colorbox.resize();
        });
    });
</script>

<style>
    #ajax_container {
        width:680px;
        min-height:400px;
        overflow:hidden;
        background:white;
    }
    #a {
        width:500px;
        height:5500px;
        background:red;
        margin-bottom:50px;
    }
</style>

<div id="ajax_container">
    <a id="click_a" href="#">Click me</a>
    <div id="a"></div>
</div>

Answer 1

$.colorbox.resize({height: 6000});

把这个加进去，应该可以了。