0

我有一种情况，必须使用 AJAX 加载内容，其中还使用了自定义滚动插件（jScrollpane）。内容显示为可能会或可能不会在页面上水平溢出的列，第一页仅包含一个菜单列。期望的结果是让任何现有的列内容滑到菜单后面，加载的内容（通过 AJAX 调用）滑入视图。

目前我有类似的东西

$('a').live('click', function() {
    destroyCustomScroll();
    $.ajax({
        type: 'POST',
        url: url,
        success: function() {
        $(".contentCell:eq(" + parentColumnIndex + ")").after(data);
        }
        });
    createCustomScroll();
}

内容页面看起来像这样

<body>
  <div class="rowContainer">
    <div class="contentCell">
      <!-- content in whatever markup it comes in -->
      <a href="#">linkThatLoadsStuff</a>
    </div>
  </div>
</body>

正如我之前所说，期望的结果是让 AJAX 加载的内容滑入视图，然后单击另一个链接以使该内容滑出视图（然后可能会被销毁或缓存或以后计划的任何内容），然后是新的滑入视图的内容。

虽然隐藏现有内容很容易，但我不知道如何将新内容滑动到视图中，因为自定义滚动插件所需的 CSS 会自动将新内容放在正确的位置（在 contentCells 上使用 display:table-cell）。

任何帮助将不胜感激！

4

0 回答 0