jQuery jScrollPane 替换 getContentPane() 中的特定 div答案

【问题标题】：jQuery jScrollPane replace specific div inside of getContentPane()jQuery jScrollPane 替换 getContentPane() 中的特定 div
【发布时间】：2012-04-13 05:17:20
【问题描述】：

我正在使用自定义 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>

所以现在我用 getContentPane() 函数替换两个 div。怎么只能换一个。例如

呼叫 1

// some controller calls
api.getContentPane().html(NEWDATAFROMWHEREVER);

这是结果（如预期的那样），以及我想要的结果。

不良结果

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

期望的结果

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

那么我怎样才能用getContentPane()通过jScrollPane调用来替换容器中的一个div

谢谢

【问题讨论】：

标签： javascript jquery asp.net dynamic jscrollpane

【解决方案1】：

想通了：

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

希望这对其他人有帮助

【讨论】：