Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.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 jquery在许多元素上使用相同的动画,如何做到最好?_Javascript_Jquery - Fatal编程技术网

Javascript jquery在许多元素上使用相同的动画,如何做到最好?

Javascript jquery在许多元素上使用相同的动画,如何做到最好?,javascript,jquery,Javascript,Jquery,动画功能做了三次完全相同的事情。 那么,在编写.animate(..仅一次)时,我如何才能做到这一点呢? 应该有一个简单的方法,但我想不出来 这就是我得到的: 使用逗号分隔的多个选择器。这样: $('header,main,footer').animate({ 'left': '315px' }, 500, function() { }); 你的回调函数也应该是一样的吗?只是为了你的信息,你总是可以在jquery中使用CSS选择器,如组、嵌套等。选择器与jquery完美配合。@Fréd

动画功能做了三次完全相同的事情。 那么,在编写
.animate(..
仅一次)时,我如何才能做到这一点呢? 应该有一个简单的方法,但我想不出来

这就是我得到的:


使用逗号分隔的多个选择器。这样:

$('header,main,footer').animate({
    'left': '315px'
}, 500, function() {
});

你的回调函数也应该是一样的吗?只是为了你的信息,你总是可以在jquery中使用CSS选择器,如组、嵌套等。选择器与jquery完美配合。@FrédéricHamidi问得好。几乎是的,我想我自己可以解决这个问题。如果不是,会有一个简单的方法吗?谢谢@TheMohanAhuja@caramba,这取决于具体情况,但您应该能够根据传递给回调的元素运行不同的代码(在
this
中)。它的可读性可能不如对
animate()的三次调用
不过。这就是我一直在寻找的,我知道一定有一个简单的方法。但我不知道有那么简单。谢谢!我会尽快接受的can@caramba:很高兴这有帮助。
$('header,main,footer').animate({
    'left': '315px'
}, 500, function() {
});