Question

我正在尝试在动画运行后让我的代码跟随链接。

我们的想法是“Gnoll”会为您点击按钮，然后会将您发送到链接。

到目前为止，这是我的代码：

它里面没有链接。

（另外，按钮颜色应该在“点击”动画的中途改变。到目前为止，我已经失败了）

$(document).ready(function(){


    $('.Homebutton').click(function(){

        $('.animateme').html('<img src="Construct2/Images/Gnoll_Running.gif" />');         
        $('.animateme').animate({
            left: '+=150',
        }, 800, function() {
            $('.animateme').html('<img src="Construct2/Images/Gnoll_Hit.gif" />');
        });
        $('.animateme').animate({
            left: '+=0',
        }, 500);

        $('.animateme').animate({
            left: '+=0',
        }, 500, function() {
            $('.animateme') .html('<img src="Construct2/Images/Gnoll_Resting_smaller.gif" />');
            });

    });

    $('#AddOnbutton').click(function(){
        $('.animateme').html('<img src="Construct2/Images/Gnoll_Running.gif" />');         
        $('.animateme').animate({
            left: '+=250',
        }, 1000, function() {
            $('.animateme').html('<img src="Construct2/Images/Gnoll_Hit.gif" />')

        });
        $('.animateme').animate({
            left: '+=0',
        }, 1000, function() {
            $('.animateme') .html('<img src="Construct2/Images/Gnoll_Resting_smaller.gif" />');
            $("#AddOnbutton").html('<img src="Construct2/Images/redbutton.png" />');
            });


    });

});

您可以看到代码非常基础。该链接应在最后一次

后约0.5秒触发

$('.animateme') .html('<img src="Construct2/Images/Gnoll_Resting_smaller.gif" />');

Answer 1

我有点现在发现自己:) 仍然不完美，但没关系。

$('a.home').click(function(){
    var newLocation = $(this).attr('href');
        $('.animateme').html('<img src="Construct2/Images/Gnoll_Running.gif" />');         
        $('.animateme').animate({
            left: '+=150',
        }, 800, function() {
            $('.animateme').html('<img src="Construct2/Images/Gnoll_Hit.gif" />');
        });
        $('.animateme').animate({
            left: '+=0',
        }, 500);

        $('.animateme').animate({
            left: '+=0',
        }, 500, function() {
            $('.animateme') .html('<img src="Construct2/Images/Gnoll_Resting_smaller.gif" />');

            document.location = newLocation;
            });
            return false;     
    });

jQuery - .animate之后的链接

1 个答案: