jQuery动画API不为我工作

jQuery animate API not working for me

本文关键字:工作 动画 API jQuery      更新时间:2023-09-26
function xava(target_url, elementID) {
    jQuery(elementID).animate({
        opacity: 0.25,
        left: "+=135"
    }, 1500);
    window.location.href = target_url;
}
jQuery('[id^="nav-arrow"]').click(function () {
    elementID = jQuery(this).attr('id');
    url = jQuery(this).attr("alt");
    xava(url, elementID);
});

我试图动画的图像离开屏幕和褪色时,观众点击图像,然后重定向到一个页面。这个代码的所有部分,除了动画是工作-任何想法!

Thanks in advance

使用jquery中的animate callback

function xava(target_url, elementID) {
    jQuery(elementID).animate({
            opacity: 0.25,
            left: "+=135"
        }, 1500, function() { 
              window.location.href = target_url;
     });
}
jQuery('[id^="nav-arrow"]').click(function (event) {
    event.preventDefault();
    elementID = jQuery(this).attr('id');
    url = jQuery(this).attr("alt");
    xava(url, elementID);
});

试试这个

function xava(target_url, elementID) {
    jQuery(elementID).animate({
        opacity: 0.25,
        left: "+=135"
    }, 1500,function(){
        window.location.href = target_url;
    });
}