Question

我正在使用自定义的jScrollPane，并使用返回的部分视图中的jQuery动态填充它。

我正在填充它：

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

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

这很好，并且完全按照我的预期工作，但是这个内容的痛苦当前包含只需要设置一次的内容所以我不想在每次服务器调用时返回超过我必须的内容。相反，我想将它移出局部视图并进入包含javascript的主视图。

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

BEFORE：

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

所以现在我用getContentPane（）函数替换两个div。我怎么才能替换一个。 e.g。

CALL 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？

由于

Answer 1

想出来：

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

希望这有助于其他人

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

1 个答案: