Wpadłem na (błąd?) Z najnowszymi wersjami jQuery dzisiaj, w którym moja pętla rekursji animująca pozycja tła już nie działa. Proszę zobaczyć ten przykład:Dlaczego nowe wersje jQuery nie działają z tą rekursją?
(ten działa z wersją 1.9) http://codepen.io/bonpixel/pen/qLkgt
Usuń jQuery cdn i użyć codepen jQuery bootstrap (wersja 1.10.0) i to już pętle. Widziałem takie same wyniki z jquery 2.0.1. Wydaje się prawie, że jest to problem z - = lub + =, którego używam do pozycjonowania tła? Jest tak, jakby wartość użyta do obliczenia nowej pozycji nie była aktualizowana po (lub podczas) animacji.
Jakieś myśli?
(edycja dodając kod statyczny)
HTML
<div class="blue"><div>
CSS
.blue{
width: 100px;
height: 190px;
background: transparent;url(http://2.bp.blogspot.com/-6xJXVFMdC64/TckciX_eI7I/AAAAAAAAAEc/IYORj5mZXiY/s1600/wlk01.gif) 0 0 repeat-x;
}
JS
var backgroundSlidingLeft = function() {
$('.blue').animate({
'background-position-x': '-=100px',
'background-position-y': '0px'
}, 1000, 'linear', backgroundSlidingLeft);
};
backgroundSlidingLeft();
To znany błąd w najnowszych wersjach: http://bugs.jquery.com/ticket/13939 – DarkAjax
Zawsze włączaj wszystkie istotne kody i znaczniki ** w samym pytaniu **, nie łącz się. Dlaczego: http://meta.stackexchange.com/questions/118392/add-stack-overfow-faq-entry-lub-similar-for-putting-code-in-the-question –
Dzięki @darkajax. Nie wiedziałem, co to konkretnie, ale to odpowiada. – Privateer