Mi sono imbattuto in un (bug?) Con le ultime versioni di jQuery oggi, dove il mio ciclo di ricorsione che animava la posizione di sfondo non funziona più. Si prega di vedere questo esempio:Perché le nuove versioni di jQuery non funzionano con questa ricorsione?
(questo sta lavorando con la versione 1,9) http://codepen.io/bonpixel/pen/qLkgt
Eliminare il jquery cdn e utilizzare il jquery bootstrap codepen (versione 1.10.0) e non è più loop. Ho visto gli stessi risultati con jquery 2.0.1. Sembra quasi che sia specificamente un problema con - = o + = che sto usando per il posizionamento in background? È come se il valore usato per calcolare la nuova posizione non venisse aggiornato dopo (o durante) l'animazione.
Qualche idea?
(statica del codice di modifica aggiungendo)
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();
È un bug noto sulle ultime versioni: http://bugs.jquery.com/ticket/13939 – DarkAjax
Includere sempre tutto il codice e il markup pertinenti ** nella domanda stessa **, non limitarsi a collegare. Perché: http://meta.stackexchange.com/questions/118392/add-stack-overfow-faq-entry-or-similar-for-putting-code-in-the-question –
Grazie a @darkajax. Non sapevo cosa fosse specificamente, ma questo lo risponde. – Privateer