我是jquery和AJAX的新手。我试图让我的概念失效。我会尽可能简化这个问题。
我有一个页面，其中包含从数据库中提取的一些#data，以及下一个按钮。当按下下一个按钮时，我想用数据库中的新随机数据刷新#data，等等。我希望这个新的#data从右边滑入。我不想刷新整个页面，我希望使用AJAX刷新#data。
除了滑动部分之外，我得到了大部分工作。我不确定在概念上如何处理这个问题。我见过的很多例子都在页面上有静态数据，并且使用CSS隐藏了数据，然后jquery使用.animate将面板滑入视图。在我的情况下，数据不在页面上，我用加载函数加载它。
我最大的问题是我在哪里加载新数据？我无法将其加载到现有的#data div中，因为那时就没有滑块。我是否将空div作为负载的占位符，然后将新数据加载到那里并滑动它？
任何帮助都会有所帮助。
谢谢
答案 0 :(得分：0)
取决于“滑入”的含义，但是像手风琴滑块这样的东西基本上可以通过设置div来放入数据，然后制作动画。如果你真的希望它从页面的另一个区域进入，你可以将它放入div并使用动画功能移动它。
只需一秒钟，在示例代码中有一些示例，我会找到一个链接。
好的，the docs for .animate()有几个例子，所以这是一个开始的地方。基本上，你有一个div，你使用.animate()方法定期更新CSS - 这当然包括页面上的放置等内容。
这是一个很好的photo slider，其概念类似。同样，你所做的只是改变CSS，从而导致浏览器在不同的地方渲染元素。
答案 1 :(得分：0)
如果你想坚持你在问题中提到的例子那么你可以做的就是在你的成功函数中将数据插入到你的html中，但是你需要将它格式化。这可能是在div或table或其他什么。使这个html“display：none”开始。这样它不会立即显示给用户，但它仍然存在于DOM中。此时，您可以将html视为在调用animate之前处于相同“状态”的示例（在此时将其视为静态内容）。所以剩下要做的就是调用动画。