Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.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 为不需要的东西制作动画';页面加载时不存在_Javascript_Jquery_Dom_Jquery Animate - Fatal编程技术网

Javascript 为不需要的东西制作动画';页面加载时不存在

Javascript 为不需要的东西制作动画';页面加载时不存在,javascript,jquery,dom,jquery-animate,Javascript,Jquery,Dom,Jquery Animate,Ajax设置了一个场景,然后jQuery将其播放出来。加载页面之前,元素不存在。我需要一种方法来动画的东西是动态添加到页面 比如: $(document).on("animate", "div", function (){}); 有这样的事吗 好的,这里似乎有些混乱,我使用的是queue(),这不是在ajax返回后创建它或执行某些操作的问题。在Ajax之后,程序构建并将带有特定ID的IMG插入页面。我需要重新加载dom或其他东西,这样我就可以为插入到页面中的对象设置动画 我已经在JSFIDLE

Ajax设置了一个场景,然后jQuery将其播放出来。加载页面之前,元素不存在。我需要一种方法来动画的东西是动态添加到页面

比如:

$(document).on("animate", "div", function (){});
有这样的事吗

好的,这里似乎有些混乱,我使用的是queue(),这不是在ajax返回后创建它或执行某些操作的问题。在Ajax之后,程序构建并将带有特定ID的IMG插入页面。我需要重新加载dom或其他东西,这样我就可以为插入到页面中的对象设置动画


我已经在JSFIDLE上测试了动画,它们工作得很好,所以我唯一的假设是,因为这些对象不是初始dom的一部分,所以它们不会动画,因此我需要重新加载dom。

您所要做的就是使用适当的函数对其进行动画,如:

$("#nonexistent-element").animate({
  right: '10%'
});
一旦不存在的元素存在,不管它在页面加载时是否存在,它都将设置动画。仅当您希望将事件绑定到页面加载中不存在的元素时,才需要使用on()


使用JSFIDLE:

您所要做的就是使用适当的函数设置动画,如:

$("#nonexistent-element").animate({
  right: '10%'
});
一旦不存在的元素存在,不管它在页面加载时是否存在,它都将设置动画。仅当您希望将事件绑定到页面加载中不存在的元素时,才需要使用on()


工作JSFIDLE:

当通过Ajax加载内容时,我们需要绑定事件以使其工作,或者我们可以使用jQuery的live/on方法,该方法将根据需要将事件绑定到父级/文档

加载内容时绑定或使用live/on这两种技术中的任何一种都会触发事件

例如:插入内容后,我们可以按照上述答案中的Lrdwhyt建议执行。 或者我们在元素加载之前绑定它

$("#non-existing-elem").live("click",function(){
     $(this).animate({right:'10'});
})

当通过Ajax加载内容时,我们需要绑定事件以使其工作,或者我们可以使用jQuery的live/on方法,该方法将根据需要将事件绑定到父级/文档

加载内容时绑定或使用live/on这两种技术中的任何一种都会触发事件

例如:插入内容后,我们可以按照上述答案中的Lrdwhyt建议执行。 或者我们在元素加载之前绑定它

$("#non-existing-elem").live("click",function(){
     $(this).animate({right:'10'});
})

所以,当你创建它的时候,给它设置动画。你面临什么问题?它实际上根本没有动画。这是可行的,所以我的假设是,因为元素是在页面之后创建的,所以DOM需要重新加载。因此,在创建它时,请对其进行动画处理。你面临什么问题?它实际上根本没有动画。这是可行的,所以我的假设是,因为元素是在页面之后创建的,所以DOM需要重新加载。我重新构建了它,让它在加载之前只在页面上留下宠物,然后将图像放在里面。不过我会再试一次。我有一个和那个几乎一样的东西,它根本不会运行。我重新构建了它,让它在加载之前只在页面上留下宠物,然后将图像放在里面。不过,我会再试一次。