编写回调函数
我使用jQuery来写这样的东西：
$('#current_image').fadeOut(function(){
$('#current_image').attr('src',newImage).show();
});
这很可爱，一旦fadeOut完成，嵌套位执行。
我想在这里创建自己的函数来取代fadeOut。 我的函数是什么样的，以便这段代码可以工作？
$('#current_image').customFadeOut(function(){
$('#current_image').attr('src',newImage).show();
});
关键是将函数引用传递给您定义的原型方法，并将传递的函数绑定到$.animate或您在其中内部使用的任何jQuery动画函数。
HTML：
<div id="blah" style="color:#fff; opacity:1; background:black; height:50px; position:relative; ">fsdljfdsjfds</div>
<a id="click" href="#">fjsd</a>
JS：
$.fn.customFadeOut = function (callback) {
return $(this).animate({
opacity: 0.25,
fontSize: "3em",
height: 'toggle'
}, 5000, function () {
callback.apply(this)
});
}
$('#click').click(function () {
$('#blah').customFadeOut(function () {
alert('hi')
})
})
现场演示
链接地址: http://www.djcxy.com/p/2799.html