jQuery tabSlideOut插件动态高度

时间:2012-05-14 13:21:34

标签: jquery css

我在我的应用http://www.building58.com/examples/tabSlideOut.html

中使用此jQuery插件

除了滑出面板的高度不固定外,一切正常 - 它使用Ajax请求来填充可以是任意长度的项目列表 - 顶部的下拉列表允许过滤此列表按状态,高度会改变。

我可以为CSS添加一个高度,但是因为它可能是任何高度,这并不能真正解决问题,但因为列表是动态填充的,当我将高度从CSS中删除时,它看不到内容和显示得太小。

当内容发生变化时,有没有办法调整面板大小?

1 个答案:

答案 0 :(得分:1)

如果其他人有这个问题我通过稍微修改JavaScript解决了这个问题 - 第一次只检查维度,这就是为什么它没有调整大小。

我进行了此更改,因此每次都会创建一个新对象

var properties = function(){
    return {
        containerWidth: parseInt(obj.outerWidth(), 10) + ‘px’,
        containerHeight: parseInt(obj.outerHeight(), 10) + ‘px’,
        tabWidth: parseInt(settings.tabHandle.outerWidth(), 10) + ‘px’, 
        tabHeight: parseInt(settings.tabHandle.outerHeight(), 10) + ‘px’
    }
};

然后我更新了

的所有引用
properties.attribute

properties().attribute

现在,只要内容更新,高度就会调整。