Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/420.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery Sprity插件不能与jQuery+;1.11_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript jQuery Sprity插件不能与jQuery+;1.11

Javascript jQuery Sprity插件不能与jQuery+;1.11,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在为移动云动画工作。这在jQuery-1.6.4中起作用,但在jQuery-1.11+中,这个插件不起作用 JS: $(document).ready(function() { $('#cloud, #cloud3').pan({fps: 30, speed: 2.5, dir: 'right'}); $('#cloud2, #cloud4').pan({fps: 20, speed: 1.5, dir: 'right'}); }); <div class="bo

我正在为移动云动画工作。这在jQuery-1.6.4中起作用,但在jQuery-1.11+中,这个插件不起作用

JS:

$(document).ready(function() {
    $('#cloud, #cloud3').pan({fps: 30, speed: 2.5, dir: 'right'}); 
    $('#cloud2, #cloud4').pan({fps: 20, speed: 1.5, dir: 'right'}); 
});
<div class="box">
<div class="cloud" id="cloud"></div>
<div class="cloud" id="cloud2"></div>
</div>
HTML:

$(document).ready(function() {
    $('#cloud, #cloud3').pan({fps: 30, speed: 2.5, dir: 'right'}); 
    $('#cloud2, #cloud4').pan({fps: 20, speed: 1.5, dir: 'right'}); 
});
<div class="box">
<div class="cloud" id="cloud"></div>
<div class="cloud" id="cloud2"></div>
</div>

我怎样才能解决这个问题

演示(工作):(使用jQuery 1.6.4)


演示(不工作):(使用jQuery 1.11.0)

当您遇到类似问题时。。。只需点击F12即可
开放式控制台▼ 并刷新页面。 您可能会看到如下内容:

TypeError: $.browser is undefined
if ($.browser.msie) {
如果您搜索:
jquery TypeError:$。浏览器未定义


第一个结果是:

看起来插件依赖于
$.browser
,它在jQuery 1.9中被删除。您可以使用jQuery迁移插件来恢复此功能(我不推荐),使用jQuery 1.9,将Sprity升级到0.6.8以查看它是否已修复,或者查找其他插件。如果您检查了浏览器控制台(这是我所要做的全部),您可能已经找到了问题的根源。通过升级到0.6.8,它似乎可以工作: