jQuery бесконечная двухсторонняя анимация

Question

Мне нужна небольшая помощь с моим кодом. Я определил бесконечную анимацию с функцией обратного вызова. Бесконечная анимация отлично работает для меня, НО:

• какого-то текст должен перемещается влево, а затем возвращается в исходное положение (плавно)

Нужен ли мне вторую анимация или? Я думаю, что проблема будет в последнем аргументе ($ (this) .css (...)). Это делает быстрый переход к ... не очень приятный.

$(function() { 
    var moveBasic = function() { 
     $('ul#softfacts div.basic').delay(1000).animate({ 
      'margin-left': '+=5px' 
     }, 1000, 'linear', function() { 
      $(this).css({ 
       'margin-left': '+=5px' 
      }); 
      moveBasic(); 
     }); 
    } 
    moveBasic(); 
}); 
}, 

Answer 1

Использование animate() снова:

$(this).animate({ 
    marginLeft: '-=5px' 
}).promise().done(function() { 
    moveBasic() 
}); 

Answer 2

это относится к глобальному объекту. попробуйте вместо этого использовать $ ('ul # softfacts div.basic').