在slidetoggle上更改iframe的高度

时间:2017-06-15 16:45:20

标签: javascript jquery

我目前在屏幕中间有一个菜单,默认为"显示"。

在这下面我有一个用于填充剩余空间的iframe:

<script type="text/javascript">
$(document).ready(function() {
    var main_height = ($(document).height() - 85 - 230 - 40);
    $(".main").css('height', main_height);
});
</script>

(其中85 - 230 - 40是其他DIV占据的地方)。到目前为止一切都很好。

然而,当我想要SLIDETOGGLE中间菜单时,我希望iFrame更新它的高度并为其添加230px(并且当我打开middle_menu时再次删除230px)。代码:

<script type="text/javascript">
    $(".middle_toggle").click(function () { 
    $(".middle").slideToggle(20, function() {                  
    $(".colapse_bar").toggleClass('middle_colapsed');
    $("#colapse_icon").toggleClass("colapse_fix colapse_fix2"); 

    });     
}); 
</script>

我怎么做到这一点。它只是不起作用!需要帮助,谢谢:)

1 个答案:

答案 0 :(得分:0)

我必须做得很丑陋。但它奏效了。

var data = {
    "list": [
        {
            "The first website is https://www.w3.org/": [
                [
                    {
                        "command": "This is dummy content",
                        "new": false,
                        "message": "This was fun to make"
                    }
                ]
            ]
        },
        {
            "The second website is https://www.mozilla.org": [
                [
                    {
                        "command": "This is the second command",
                        "new": true,
                        "message": "Lorem ipsum"
                    }
                ]
            ]
        }
    ],
    "verified": false
};


for (var i = 0; i < data.list.length; i++) {
        // this doesn't work
        console.log(data.list[i][0]["0"]["0"]).command;
}