jQuery：jScrollHorizo​​ntalPane - 动态添加内容

Question

我在jScrollHorizo​​ntalPane中有一组图像，我希望能够更改每个项目的窗格内容。

目前，这是我每加载一个项目选定的时间：

$.each(project.images || [], function() 
{ 
    if(this == "") return; 
    imgCont.append('<div class="image-item"><img height="225" src="' + this + '" /></div>'); 
}); 
var width = 0; 
imgCont.find('img').each(function() 
{ 
    width += $(this).width(); 
}); 
imgCont.width(width); 
$('#project-images-scroll').jScrollHorizontalPane (
    { 
     scrollbarHeight:10, 
     scrollbarMargin:0, 
     reset:true, 
     animateTo:false, 
     animateInterval:25, 
     animateStep:5 
    } 
); 

但是最终发生的是滚动条复位，但点击时无法正常工作。

任何帮助，将不胜感激。

Answer 1

解决这个问题的方法是克隆滚动条的整个树。然后在改变内容的每个实例上，整个树应该是.remove()'d并且从该克隆的克隆重新初始化。