Jquery Animation Von links nach rechts funktioniert nicht

Question

Warum funktioniert das nicht? Dies sollte den Pfeil von links nach rechts animieren und dann wieder nach links und so weiter, aber das funktioniert nicht. Warum das?

function moveRight(){ 
 
    $('#myIcon').animate({left: "+=50"}, 1000, function(){ 
 
     $('#myIcon').animate({left: "-=50"}, 1000, moveRight) 
 
    }) 
 
} 
 
moveRight();

a{ 
 
    text-decoration: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" class="btn btn-danger btn-lg"> 
 
<span id="myIcon">←</span>&nbsp; Go Back 
 
</a>

Answer 1

Stil hinzufügen position:absolute das Symbol

function moveRight(){ 
 
    $('#myIcon').animate({left: "+=50"}, 1000, function(){ 
 
     $('#myIcon').animate({left: "-=50"}, 1000, moveRight) 
 
    }) 
 
} 
 
moveRight();

a{ 
 
    text-decoration: none; 
 
} 
 

 
#myIcon{ 
 
position:absolute; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" class="btn btn-danger btn-lg"> 
 
<span id="myIcon">←</span>&nbsp; Go Back 
 
</a>