Javascript jQuery jScrollPane替换getContentPane（）中的特定div

我使用一个定制的jScrollPane，并从返回的部分视图中使用jQuery动态填充它

我是这样填充的：

var pane = $('.mainContainingDiv').jScrollPane(settings);
var api = pane.data('jsp');

// Populate function
api.getContentPane().html(someData);
api.reinitialise();

这是伟大的，并完全按照我的预期工作，但此内容当前包含的内容只需要设置一次，所以我不想在每次服务器调用时返回超过我必须返回的内容。相反，我想将它从部分视图移到包含javascript的主视图中

这里有一些html可以更好地说明这一点：

之前：

<div class="myContainingDiv">
    <div class="staticContentDivThatIDontWantReturnedOnEveryServerCall">
       Info
    </div>
    <div class="dynamicDiv">
       More Info
    </div>
</div>

以下是这一结果（如预期的），以及我想要的结果

意外结果

<div class="myContainingDiv">
    NEWDATAFROMWHEREVER
</div>

<div class="myContainingDiv">
    <div class="staticContentDivThatIDontWantReturnedOnEveryServerCall">
       Info
    </div>
    NEWDATAFROMWHEREVER
</div>

来自何处的新数据

期望的结果

<div class="myContainingDiv">
    NEWDATAFROMWHEREVER
</div>

<div class="myContainingDiv">
    <div class="staticContentDivThatIDontWantReturnedOnEveryServerCall">
       Info
    </div>
    NEWDATAFROMWHEREVER
</div>

信息
来自何处的新数据

那么，如何通过

jScrollPane

调用

getContentPane（）

来替换容器中的一个div呢

谢谢

我想明白了：

        api.getContentPane().children('.dynamicDiv').html(NEWDATAFROMWHEREVER);
        api.reinitialise();

希望这能帮助其他人解决这个问题：

        api.getContentPane().children('.dynamicDiv').html(NEWDATAFROMWHEREVER);
        api.reinitialise();

希望这能帮助其他人