jQuery animate () оставил позицию в Google Chrome и Safari

Question

Я пытаюсь создать простую анимацию, в которой элемент после добавления к контейнеру перемещается с левой стороны следующим образом:

$('#container').append(
$('<div class="item" style="left:-300px;top:0"></div>').animate({ left : 0 }, 300)
);

Контейнеру скрыто переполнение и ширина 300 пикселей.Добавленный элемент 'item' также имеет ширину 300 пикселей и при добавлении находится вне контейнера, затем должен перемещаться, пока не достигнет значения 'left: 0'.

Он работает в Firefox, но Google Chrome и Safari просто отображаютэто в контейнере без скольжения его.

Есть идеи?

Answer 1

Возможно, вам нужно добавить элемент для анимации:

$('<div class="item" style="left:-300px;top:0"></div>').appendTo('#container').animate({ left : 0 }, 300)