Question

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);
});

我试图在屏幕上制作动画，并在观看者点击图像然后重定向到某个页面时淡出。除了动画之外，这段代码的所有部分都在工作 - 任何想法！

提前致谢

Answer 1

在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);
});

Answer 2

试试这种方式

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

jQuery动画API不适合我

2 个答案: