Pri*_*eer 5 javascript recursion jquery animation
我遇到了一个(bug?)今天最新版本的jQuery,我的递归循环动画背景位置不再有效.请看这个例子:
(这与版本1.9一起使用) http://codepen.io/bonpixel/pen/qLkgt
删除cdn jquery并使用codepen bootstrap jquery(版本1.10.0),它不再循环.我在jquery 2.0.1中看到了相同的结果.它似乎特别是 - =或+ =我用于背景定位的问题?就好像用于计算新位置的值在动画之后(或期间)不会更新.
有什么想法吗?
(编辑添加静态代码)
HTML
<div class="blue"><div>
Run Code Online (Sandbox Code Playgroud)
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;
}
Run Code Online (Sandbox Code Playgroud)
JS
var backgroundSlidingLeft = function () {
$('.blue').animate({
'background-position-x': '-=100px',
'background-position-y': '0px'
}, 1000, 'linear', backgroundSlidingLeft);
};
backgroundSlidingLeft();
Run Code Online (Sandbox Code Playgroud)
@darkajax 通过 bugs.jquery.com/ticket/13939 完全回答了这个问题
“相对动画(使用 += 或 -=)在 1.10.0 中被破坏。”
谢谢!