1

我目前正在开发一个包含许多动画的网页。

代码示例

<div id="a1">
    <img src="aaa/Test1.png" style="display:none;" id="img1"/>
</div>
<div id="a2">
    <img src="aaa/Test2.png" style="display:none;" id="img2"/>
</div>
<div id="a3">
    <img src="aaa/Test3.png" style="display:none;" id="img3"/>
</div>
<script>        
    $("#img1").fadeIn(3000);
    $("#img2").fadeIn(3000);
    $("#img3").animate({
             'marginLeft' : "0px"
        }, 2000);
</script>

我想添加在每个动画结束后调用的通用回调。我不想这样写

$("#img1").fadeIn(3000,function(){callback();});
$("#img2").fadeIn(3000,function(){callback();});
$("#img3").animate({
   'marginLeft' : "0px"
}, 2000,function(){callback();});

我只想将回调作为一个整体添加(例如为 jquery $('div').css("height","100px"); 中的所有 div 赋予样式)

有没有这样的代码可以回调页面中的所有动画?

4

2 回答 2

3

你真的需要每个都绑定img吗?如果绑定属性相同,最好给它们一个类并以它为目标。

反正:

$("#img1").fadeIn(3000,callback); //notice the use of the function name without trailing "()"
$("#img2").fadeIn(3000,callback);

function callback() {
//you can use $(this) here
}
于 2013-04-15T10:23:50.920 回答
1

ID 用于使项目唯一的标识符。使用类

更改所有图像标签并添加类

<img src="aaa/Test1.png" style="display:none;" class="my_img"/>

然后在jquery中使用

$(".my_img").fadeIn(3000,function(){callback();});

或任何你想要的。如果您想将其绑定到 div 内所有您可以使用的 my_img 类的所有图像,此代码会将 fadeIn 绑定到所有具有“my_img”类的项目

$("div img.my_img").fadeIn(3000,function(){callback();});
于 2013-04-15T10:34:55.140 回答