Jquery 另一个AJAX和动画加载_Jquery_Ajax_Jquery Ui_Jscrollpane

Jquery 另一个AJAX和动画加载

jquery ajax jquery-ui

Jquery 另一个AJAX和动画加载,jquery,ajax,jquery-ui,jscrollpane,Jquery,Ajax,Jquery Ui,Jscrollpane,我遇到的情况是，必须使用AJAX加载内容，同时还使用了自定义滚动插件（jScrollpane）。内容以列的形式显示，这些列可能在页面上水平溢出，也可能不水平溢出，第一页只包含一个菜单列。理想的结果是将任何现有的列内容滑到菜单后面，并将加载的内容（通过AJAX调用）滑到视图中现在我有点像 $('a').live('click', function() { destroyCustomScroll(); $.ajax({ type: 'POST',

我遇到的情况是，必须使用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）

任何帮助都将不胜感激

你能解释一下简单的方法吗|