Question

我的情况是必须使用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会自动将新内容放入正确的位置（使用display：table-cell on contentCells）

非常感谢任何帮助！

另一个AJAX和动画加载

0 个答案: