jQuery tabSlideOut 插件动态高度

Question

我在我的应用程序中使用这个 jQuery 插件 http://www.building58.com/examples/tabSlideOut.html

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

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

有没有办法在内容改变时调整面板的大小？

Answer 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

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