Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 需要帮助:动画-按钮单击->来回,一次_Javascript_Jquery_Animation - Fatal编程技术网

Javascript 需要帮助:动画-按钮单击->来回,一次

Javascript 需要帮助:动画-按钮单击->来回,一次,javascript,jquery,animation,Javascript,Jquery,Animation,我需要一个按钮,你按下它,循环就会转一次。就像攻击动画一样,我按下一个按钮,图像就会攻击另一个图像 给你,伙计。。。。如果你有任何问题,请告诉我 您的回调将再次触发animate函数,因此看起来这将继续循环。并且函数调用应该是animatethisq1,1000,因为您在函数本身中已经有$ function animatethis(targetElement, speed) { $(targetElement).animate({ marginLeft: "+=250px" }, {

我需要一个按钮,你按下它,循环就会转一次。就像攻击动画一样,我按下一个按钮,图像就会攻击另一个图像

给你,伙计。。。。如果你有任何问题,请告诉我


您的回调将再次触发animate函数,因此看起来这将继续循环。并且函数调用应该是animatethisq1,1000,因为您在函数本身中已经有$
function animatethis(targetElement, speed) {
$(targetElement).animate({
    marginLeft: "+=250px"
}, {
    duration: speed,
    complete: function () {
        targetElement.animate({
            marginLeft: "-=250px"
        }, {
            duration: speed,
            complete: function () {
                animatethis(targetElement, speed);
            }
        });
    }
});
};

animatethis($('#q1'), 1000);
// Animation Function
function animatethis(targetElement, speed) {    
    $(targetElement).animate({"margin-left" : "+=50px"}, speed, function(speed){
        $(this).animate({"margin-left" : "-=50px"}, speed);
    }); 
};

//Animation Trigger
$('body').on('click', 'button', function(){
    animatethis('#q1', 250);
});