Мне нужно переместить кнопку влево-вправо, а затем снова влево-вправо, используя 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