jQuery-jScrollPane宽度不正确

Question

我有一个可滚动的容器，其中包含具有未知行数的表。我从脚本生成整个HTML。

这是视图创建的顺序：

1. 创建没有内容的容器
2. 从缓存中获取数据，并创建表
3. 将所选表格附加到可滚动容器
4. 初始化jScrollPane

结果是jspContainer的宽度和高度设置为0。

我怀疑原因是我正在初始化jScrollPane时桌子已经准备就绪（dom tree还没准备好）。 现在我通过runing initialise将outOut设置为0来排序，但我想摆脱timeOut。

任何想法如何解决？现在我尝试了休息：

1. 在创建表之前初始化jScrollPane，在将表附加到视图之后 - 调用reinitialise
2. 将contentWidth设置为表格宽度
初始化jScrollPane
3. 将容器元素的内联样式宽度设置为表格宽度

整个事情很复杂，所以我会添加一些伪代码。

function createWidget(opts){
     createView();
     addFunctionality();
}

function createView(){
     //set innerHTML of view here
     //and create references to interactive elements
}

function addFunctionality(){
     //create event delegat for interactive elements
     createRest();
     $( elements[customScr] ).jScrollPane().removeAttr(ti);    
     //elements is a map with references to important elements
}

function createRest(){
     //get data from cache

     //create appropriate amount of tables
     //and fill it with rows - all is based on cache data

     //append 1st table to view
     $( elements[customScr] ).data("jsp").reinitialise();
}