jquery動畫從左到右不工作

Question

爲什麼這不起作用？這應該是從左到右的動畫箭頭，然後再回到左側等等，但這不起作用。這是爲什麼？

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

添加風格position:absolute的圖標

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>