javascript - 我需要使用 jquery 左右移动按钮，然后再次左右移动

Question

我可以左右移动一次按钮。但我需要移动它 2 次，即左右移动一次。

这是代码：

$(document).ready(function () {
    sayNoVisual(100);
});

function sayNoVisual(px) {
    $('.stepback').animate({
        'marginLeft': px
    }, function () {
        $('.stepback').animate({
            'marginLeft': 1
        });
    });
}



  <asp:Button ID="Button1" class="stepback"  runat="server" Text="Button" />

Answer 1

• animate您可以在回调中递归函数
• 为了增加价值，你应该使用"+=" + value

代码：

$(document).ready(function () {
    sayNoVisual(100, 2);
});

function sayNoVisual(px, r) {
    $('.stepback').animate({
        'marginLeft': "+=" + px
    }, function() {
        if(--r > 0) sayNoVisual(px, r);
    });
}

jsFiddle