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()'并从克隆的克隆重新初始化。