मैं आज jQuery के नवीनतम संस्करणों के साथ एक (बग?) में भाग गया जहां मेरा रिकर्सन लूप एनिमेटिंग पृष्ठभूमि स्थिति अब काम नहीं करता है। कृपया इस उदाहरण देखें:jQuery का नया संस्करण इस रिकर्सन के साथ क्यों काम नहीं करता है?
(यह संस्करण 1.9 के साथ काम कर रहा है) http://codepen.io/bonpixel/pen/qLkgt
cdn jQuery हटाएँ और codepen बूटस्ट्रैप jQuery (संस्करण 1.10.0) का उपयोग करें और यह अब लूप। मैंने jquery 2.0.1 के साथ एक ही परिणाम देखा। ऐसा लगता है कि यह विशेष रूप से एक समस्या है - = या + = कि मैं पृष्ठभूमि स्थिति के लिए उपयोग कर रहा हूँ? ऐसा लगता है कि नई स्थिति की गणना करने के लिए उपयोग किया जाने वाला मान एनीमेशन के बाद (या उसके दौरान) अपडेट नहीं होता है।
कोई विचार?
(संपादित जोड़ने स्थिर कोड)
एचटीएमएल
<div class="blue"><div>
सीएसएस
.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;
}
जे एस
var backgroundSlidingLeft = function() {
$('.blue').animate({
'background-position-x': '-=100px',
'background-position-y': '0px'
}, 1000, 'linear', backgroundSlidingLeft);
};
backgroundSlidingLeft();
यह नवीनतम संस्करणों पर एक ज्ञात बग है: http://bugs.jquery.com/ticket/13939 – DarkAjax
हमेशा प्रश्न में सभी प्रासंगिक कोड और मार्कअप ** शामिल करें **, बस लिंक न करें। क्यों: http://meta.stackexchange.com/questions/118392/add-stack-overfow-faq-entry-or-similar-for-putting-code-in-the-question –
धन्यवाद @darkajax। मुझे नहीं पता था कि यह विशेष रूप से क्या था लेकिन इसका जवाब है। – Privateer