Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.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
Javascript Ajax追加结果并设置动画_Javascript_Ajax_Jquery_Append - Fatal编程技术网

Javascript Ajax追加结果并设置动画

Javascript Ajax追加结果并设置动画,javascript,ajax,jquery,append,Javascript,Ajax,Jquery,Append,我正在尝试附加ajax数据和滑动ajax结果数据(类似于twitter加载更多) 尝试了以下代码 $("#main").append(html).slideDown(); 但数据显示时没有任何动画 如何从PHP端附加html数据并设置其动画?在附加到容器并将其向下滑动之前,您需要.hide()容器 调用.hide()将CSS样式设置为display:none,这意味着附加内容直到它开始向下滑动时才会显示任何内容 因此: 至于如何从PHP端附加HTML数据并为其设置动画,您需要遵循类似的策略-使

我正在尝试附加ajax数据和滑动ajax结果数据(类似于twitter加载更多)

尝试了以下代码

$("#main").append(html).slideDown();
但数据显示时没有任何动画

如何从PHP端附加html数据并设置其动画?

在附加到容器并将其向下滑动之前,您需要
.hide()
容器

调用
.hide()
将CSS样式设置为
display:none,这意味着附加内容直到它开始向下滑动时才会显示任何内容

因此:

至于如何从PHP端附加HTML数据并为其设置动画,您需要遵循类似的策略-使用PHP将内容插入
,样式为
display:none
,然后使用jQuery将其向下滑动。

在附加到容器并将其向下滑动之前,您需要
.hide()
容器

调用
.hide()
将CSS样式设置为
display:none,这意味着附加内容直到它开始向下滑动时才会显示任何内容

因此:

至于如何从PHP端附加HTML数据并为其设置动画,您需要遵循类似的策略-使用PHP将内容插入
,样式为
display:none
,然后使用jQuery将其向下滑动。

.slideDown()
为隐藏的元素设置显示时的动画。因为我假设
#main
已经可见,当您将项目附加到它时,它们将简单地显示出来

您需要做的是将内容附加到
#main
底部的隐藏div中,并在该隐藏div上调用
.slideDown()

如果要重复执行此操作,请在回调中调用
.unwrap()
,以便稍后添加隐藏元素:

$('#myHiddenDiv').slideDown("slow", function() {
   $(this).children().unwrap();
});
示例:

.slideDown()
为隐藏的元素设置显示时的动画。因为我假设
#main
已经可见,当您将项目附加到它时,它们将简单地显示出来

您需要做的是将内容附加到
#main
底部的隐藏div中,并在该隐藏div上调用
.slideDown()

如果要重复执行此操作,请在回调中调用
.unwrap()
,以便稍后添加隐藏元素:

$('#myHiddenDiv').slideDown("slow", function() {
   $(this).children().unwrap();
});

示例:

我猜您希望向下滑动新创建的元素,而不是#main。 你的这个

$(html).css('display','none').appendTo($("#main")).slideDown();

我猜您希望滑下新创建的元素,而不是#main。 你的这个

$(html).css('display','none').appendTo($("#main")).slideDown();

我不想隐藏父级-#主div。我想设置结果的动画。它将设置结果的动画-它首先隐藏div的内容,以便向下滑动可以将其从完全隐藏过渡到高度越来越高,直到完成。这有意义吗?请参阅以获取其工作原理的证明。请创建聊天室,以便我们可以讨论它。我想让你看看佩奇的行动。thx提前。聊天室应该在这里:我不想隐藏父-主div。我想设置结果的动画。它会设置结果的动画-它首先隐藏div的内容,这样slideDown可以将其从完全隐藏过渡到越来越高,直到完成。这有意义吗?请参阅以获取其工作原理的证明。请创建聊天室,以便我们可以讨论它。我想让你看看佩奇的行动。thx提前。聊天室应该在这里:请创建聊天室,以便我们可以讨论它。我想让你看看佩奇的行动。thx提前。聊天室是如果你想加入的话,杰夫。请创建聊天室以便我们可以讨论。我想让你看看佩奇的行动。提前谢谢。聊天室是你想加入的地方,杰夫。这还是不行的。只要您将内容附加到
#main
,内容就会显示出来。正如格雷格尔所说,您的元素首先应该是不可见的$css('display','none')。appendTo($(“#main”))。slideDown();这不适用于
html
中的所有内容。例如,纯文本将不起作用。此外,如果
html
没有一个父包装器,则每个元素将分别
向下滑动
。请参阅:slideDown函数需要内部元素是块元素,如果它是浮点元素,例如或什么都没有,它将不起作用。这仍然不起作用。只要您将内容附加到
#main
,内容就会显示出来。正如格雷格尔所说,您的元素首先应该是不可见的$css('display','none')。appendTo($(“#main”))。slideDown();这不适用于
html
中的所有内容。例如,纯文本将不起作用。此外,如果
html
没有一个父包装器,则每个元素将分别
向下滑动
。请参阅:slideDown函数需要将内部元素设置为块元素,如果它是浮点元素(如或无),则它将不起作用。