当 img src 更改时，jScrollPane contentPane 不会重新初始化

Question

我的目标是将各种风景全景图像动态加载到 jScrollPane 容器中并重新初始化，以便根据当前的 img 尺寸重新计算滚动条。

我的问题是，虽然我注入了 img src 然后调用 api.reinitialise() 方法，但它没有更新。因此，img 会加载，但滚动窗格的宽度仍然相同。

我认为这与 jScrollPane 无法及时检索新的 img 尺寸以使用正确的宽度重新初始化有关。

HTML

<div class="px-content">
    <img src="" />
</div>

JS

var scrollPane = $('.px-content').jScrollPane({hideFocus: true, showArrows: true, autoReinitialise: true});
var api = scrollPane.data('jsp');       

 var loadImage = function(id){
            var image, $paneContent, $img;
            imageSource= this.get(id); // returns an image URL



$paneContent = this.jspAPI.getContentPane();
        $img = $paneContent.find('img').attr('src', imageSource);
        api.reinitialise();
    }

loadImage(0); // loads correctly
loadImage(1); // loads img correctly, but pane doesn't refresh to new width

有什么想法吗？很高兴尝试任何事情。

塞布。