Использование jQuery .animate () в цикле for, есть ли причина против этого? (Не сработало)

Question

Я использую этот код (гораздо проще проиллюстрировать это на скрипке): http://jsfiddle.net/rECyh/

Я пытаюсь распылять деления в радиальном движении, я думаю, что этот код будет работать, но он не имеет никакого эффекта, кто-нибудь может определить причину?

Answer 1

Ваш селектор неверен: $('.spinner #item' + i) должно быть $('.spinner#item' + i) - обратите внимание на отсутствие пробела между классом и идентификатором в моей коррекции.Ваш текущий селектор говорит «Найти элемент с идентификатором« item + i », который является потомком .spinner».

Это единственное изменение, которое я сделал, и теперь оно работает: http://jsfiddle.net/rECyh/1/

Answer 2

Конечно, у вас есть дополнительный пробел:

$('#menuButton').click(function(){
    for (i=1, j=0, k=150; i<=5; i++, j+=30, k-=30){
        $('.spinner#item' + i).animate({
            left: '+=' + j,
            bottom: '+=' + k
          }, 500);
    }
});

То есть .spinner #item должно быть .spinner#item