jquery animate bug，仅在谷歌浏览器中

Posted 2023-05-08

【中文标题】jquery animate bug，仅在谷歌浏览器中

【英文标题】：jquery animate bug, only in google chrome

【发布时间】：2012-03-06 19:22:48

【问题描述】：

显然我的代码在所有浏览器中都可以正常工作，包括 google crome 会出现问题。

我正在使用 jquery .animate 函数来创建某种幻灯片放映...当我点击左键时，包含图像的框向右滑动，当我点击右键时，框向左滑动...

对于这个问题，只有在crome上的动画韭菜性能极好，并且动画的结束位置不正确，动画向右导致异常跳跃......我不知道crome在那里做什么.. .

我在 2 台不同的计算机上测试了这个问题，结果是一样的，我的一个朋友告诉我，他的 chrome 上没有动画问题...

这是一个代码示例：

$('#stpa_arrow_left').bind(
    click: function(e) 

        e.preventDefault();

        $('#stpa_imgBoardBox').children().animate("left": "+=186px", "slow", function() 
            $(this).stop(true);
        ); 
    
);

$('#stpa_arrow_right').bind(
    click: function(e) 

        e.preventDefault();

        $('#stpa_imgBoardBox').children().animate("left": "-=186px", "slow", function() 
            $(this).stop(true);
        );
    
);

这是一个活生生的例子（我还在做未完成的项目）-它的中心框带有左右箭头... www.united-travellers.at/pre-login/index.php

【问题讨论】：

WFM on Mozilla/5.0 (X11; Linux i686) AppleWebKit/535.2 (Khtml, like Gecko) Chrome/15.0.874.121 Safari/535.2 你测试的是什么版本？你到底在做什么？您可以将问题隔离为 js fiddle 吗？

【参考方案1】：

您只需使用最新的 jquery。此错误已修复。

【讨论】：

你能提供一个错误修复的链接吗？