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 

而且現在的高度調整創建新對象每當內容被更新時。