Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/mysql/64.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery概念问题-在新内容中滑动_Jquery_Ajax_Jquery Animate_Slide - Fatal编程技术网

jQuery概念问题-在新内容中滑动

jQuery概念问题-在新内容中滑动,jquery,ajax,jquery-animate,slide,Jquery,Ajax,Jquery Animate,Slide,我不熟悉jquery和AJAX。我正在努力使我的概念清晰下来。我会尽量简化这个问题 我有一个页面,上面有一些从数据库中提取的数据,还有一个“下一步”按钮。按下next(下一步)按钮时,我想用数据库中的新随机数据刷新#数据,以此类推。我希望这些新数据从右边滑入。我不想刷新整个页面,我希望使用AJAX刷新#数据 除了滑动部分外,我大部分都在工作。从概念上来说,我不确定如何处理这个问题。我看到的许多示例页面上都有静态数据,这些数据使用CSS从视图中隐藏,然后jquery使用.animate将面板滑动到

我不熟悉jquery和AJAX。我正在努力使我的概念清晰下来。我会尽量简化这个问题

我有一个页面,上面有一些从数据库中提取的数据,还有一个“下一步”按钮。按下next(下一步)按钮时,我想用数据库中的新随机数据刷新#数据,以此类推。我希望这些新数据从右边滑入。我不想刷新整个页面,我希望使用AJAX刷新#数据

除了滑动部分外,我大部分都在工作。从概念上来说,我不确定如何处理这个问题。我看到的许多示例页面上都有静态数据,这些数据使用CSS从视图中隐藏,然后jquery使用.animate将面板滑动到视图中

在我的例子中,数据不在页面上,我用load函数加载它

我最大的问题是在哪里加载新数据?我无法将其加载到现有的#data div中,因为这样就没有滑块了。我是否要创建一个空div作为加载的占位符,然后在其中加载新数据并滑动它

任何援助都会有帮助


谢谢你

这取决于你所说的“滑入”是什么意思,但类似手风琴滑块的东西基本上是通过将数据放入一个div,然后设置动画来工作的。如果您真的希望它从页面的另一个区域进入,您可以将它放入div中,并使用动画功能移动它

请稍等,在示例代码中有一些这样的示例,我将找到一个链接

好的,举几个例子,这是一个开始。基本上,您有一个div,并使用
.animate()
方法定期更新CSS——当然包括页面上的位置之类的内容

这是一个在概念上相似的尼斯。同样,您真正要做的就是更改CSS,从而使浏览器在不同的位置呈现元素


这里有很多有用的教程和示例、、和。

如果您想继续使用您在问题中提到的示例,那么您可以在成功函数中插入数据到html中,但需要格式化数据。这可能是在一个div或表或任何东西。让这个html“display:none”作为开始。这样,它不会立即显示给用户,但它仍然存在于DOM中。在这一点上,您可以认为html处于与示例调用animate之前相同的“状态”(此时将其视为静态内容)。所以,剩下的唯一要做的就是调用animate。

我的意思是从页面外滑入。不是手风琴。而且,在任何给定的时间,我在页面上只有一个内容区域,因此我在页面上只有一个内容div。我想我可以有另一个隐藏的内容区域,但是第一次请求页面时,会有什么内容?它是否完全是空的,没有标记?正如我所说,大多数示例的页面上已经有了所有的数据,但在我的例子中,这是通过AJAX加载的新数据。在这种情况下,如果你想让内容从页面外滑入,它必须进入一些元素,最明显的是一个div。本教程可能也会给你一些帮助:谢谢,我会查看tut。谢谢你的回复。什么的成功函数?ajax调用的成功函数这似乎正是您想要的,不幸的是,这不是一个免费代码,但它可能值得付出代价: