我该如何使用jQuery确定元素的CSS动画何时结束,然后为该元素应用新样式?以下是我不可用的代码示例。
$("#icon").jQuery.Event("webkitAnimationEnd", function(event){
('#icon').css('opacity', '1');
});
我认为你实际上正在寻找的是.bind()方法:
$("#icon").addClass('thisClassWillApplyMyCSSAnimation').bind('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', function(e){
//DO WHATEV
$('#icon').css('opacity', '1');
});
one()
函数。$("#icon").one('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', function(e) {
//Your css
$('#icon').css('opacity', '1');
});
$('#clickme').click(function() {
$('#book').animate({
opacity: 0.25,
}, 5000, function() {
// Animation complete.
});
});
$("#MyDiv").slideDown("[speed]", function()
{
$("#icon").css("opacity", "1");
});
// [speed] = "slow", "normal", "fast" or a integer value defining milliseconds
我没有测试过,但应该可以工作...