Эффект анимации не работает

Question

Я пытаюсь создать простую слайд-шоу jQuery. Проблема, с которой я сталкиваюсь, когда я использую fade-out, она работает правильно, но когда я пытаюсь использовать анимацию, чтобы сместить все изображения вправо, это не работает .. Мой JQuery код до сих пор

HTML:

<div id ="slide"> 
<ul> 
    <li><a href="#">IMG1</a></li> 
    <li><a href="#">img2</a></li> 
</ul> 
</div> 

$(document).ready(function(){  
     $('#slide').each(function(){  
      $(this).animate ({left:'700px'},4000)}); 
     }); 
}); 

Я новичок в JQuery поэтому, пожалуйста, простите меня за это плохой код .want к знать, что я делаю не так! Спасибо за помощь

Answer 1

Где HTML для вашего кода?

В любом случае, вы не можете использовать несколько идентификаторов на одной странице.

Похоже, вы используете #lide на нескольких элементах. Вместо того, чтобы использовать имя класса, а затем

$('.slide').each(function(){ 
    // your code here 
}); 

Хотя, если есть некоторые элементы внутри вашего DIV с идентификатором #slide, например, у вас есть IMG тегов внутри этого #slide DIV, а затем использовать

$('#slide img').each(function(){ 
    // your code here 
});