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 

而且现在的高度调整创建新对象每当内容被更新时。