正文 

当前位置： 首页 > 源码 >

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

     2023-05-08     38

关键词：

【中文标题】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。此错误已修复。

【讨论】：

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

仅在谷歌浏览器中删除 Summernote 中的字符时出错

】仅在谷歌浏览器中删除Summernote中的字符时出错【英文标题】：Errordeletingcharacterinsummernoteonlyingooglechrome【发布时间】：2019-05-0903:37:29【问题描述】：代码SummernoteHTML<divclass="col-lg-12col-md-12col-xs-12"><divclass="form-group"><divi... 查看详情

iscroll在谷歌浏览器中bug

https://segmentfault.com/q/1010000008489619 iscroll在安卓app嵌套html页面时，导致列表页滑动不起来，并且在chorme浏览器中使用手机模式，也滑动不起来，在scroll插件的IScroll函数最后增加 document.addEventListener(‘touchmove‘,function(e){e.pre... 查看详情

检查滚动是不是在谷歌浏览器的 jquery 底部

】检查滚动是不是在谷歌浏览器的jquery底部【英文标题】：CheckingifscrollisatbottominjqueryinGoogleChrome检查滚动是否在谷歌浏览器的jquery底部【发布时间】：2020-07-1306:45:30【问题描述】：我有django项目，但无法让jquery脚本在googlechrome中... 查看详情

tablesort jquery 插件在谷歌浏览器中工作吗

】tablesortjquery插件在谷歌浏览器中工作吗【英文标题】：doesthetablesortjquerypluginworkingooglechrome【发布时间】：2013-04-0715:38:13【问题描述】：有没有办法我可以添加一个jquerytablesorter插件，以便我使用googlechrome浏览器对我的表进行排... 查看详情

在谷歌浏览器开发者工具中隐藏 jquery.map 错误？

】在谷歌浏览器开发者工具中隐藏jquery.map错误？【英文标题】：Hidejquery.maperrorsingooglechromedevelopertools?【发布时间】：2013-07-2419:32:18【问题描述】：随着.map文件的引入，我的控制台充斥着以下错误：拒绝加载chrome-extension://flpedblk... 查看详情

textafc仅在谷歌地图上显示地址(代码片段)

查看详情

Jquery hide() 和 show() 在谷歌浏览器中运行太慢

】Jqueryhide()和show()在谷歌浏览器中运行太慢【英文标题】：Jqueryhide()andshow()runstooslowingooglechrome【发布时间】：2011-06-1723:22:32【问题描述】：我有一个无法在chrome中正确运行的Web应用程序。在Firefox中完美运行。我有一个包含大量... 查看详情

仅在谷歌地图上呈现可见集群项目的最佳方式

】仅在谷歌地图上呈现可见集群项目的最佳方式【英文标题】：Bestwaytorenderonlythevisibleclusteritemsonagooglemap【发布时间】：2016-12-0501:54:54【问题描述】：我有一个由谷歌集群管理器处理的地图片段，我使用我的自定义集群渲染器exte... 查看详情

在谷歌浏览器中禁用位置栏

】在谷歌浏览器中禁用位置栏【英文标题】：DisablelocationbarinGoogleChrome【发布时间】：2012-11-3006:43:07【问题描述】：我在jQuery中使用window.open进行点击事件。问题是我想禁用位置栏，它在Safari中有效，但在Chrome中无效。我在某处... 查看详情

Json 文件不显示在谷歌浏览器中

】Json文件不显示在谷歌浏览器中【英文标题】：Jsonfiledosen\'tshowupingooglechrome【发布时间】：2015-07-2215:02:29【问题描述】：我正在开发一个通过jQuery和Leaflet显示Json文件的页面。Flickr端工作正常，但是当我尝试$.getJSONo时，我在Chrom... 查看详情

如何使 XMLHttpRequest 在谷歌浏览器上通过 HTTPS 工作？

】如何使XMLHttpRequest在谷歌浏览器上通过HTTPS工作？【英文标题】：HowtomakeXMLHttpRequestworkoverHTTPSongooglechrome?【发布时间】：2013-01-1411:00:20【问题描述】：我对此进行了很多研究，但找不到魔法。其实我想填充城市密码的列表。使... 查看详情

谷歌在谷歌浏览器中阻止了网站/域

】谷歌在谷歌浏览器中阻止了网站/域【英文标题】：Website/domainbeingblockedbygoogleinGoogleChrome【发布时间】：2018-10-1518:33:50【问题描述】：几天以来，我们在一个名为“id-validation.us”的域中遇到了问题。谷歌在从谷歌浏览器浏览时... 查看详情

jQuery animate 参数仅在添加 0 时有效？

】jQueryanimate参数仅在添加0时有效？【英文标题】：jQueryanimateparameteronlyworkswhenadding0?【发布时间】：2013-08-0704:48:52【问题描述】：以下是我在swiperight事件中编写的代码（它的作用就像向右滑动它会更改div中的图像）$("#divimglstdeta... 查看详情

在谷歌浏览器中， getBoundingClientRect().x 未定义

】在谷歌浏览器中，getBoundingClientRect().x未定义【英文标题】：Ingooglechrome,getBoundingClientRect().xisundefined【发布时间】：2014-11-2711:24:16【问题描述】：我正在画布上执行绘图操作。在我看来，计算相对于画布左上角的光标位置的最... 查看详情

在谷歌浏览器中播放 avi 视频

】在谷歌浏览器中播放avi视频【英文标题】：Playavivideosingooglechrome【发布时间】：2017-03-2207:32:17【问题描述】：如何在chrome中播放avi视频？我的代码是<center><videocontrols><sourcesrc="plaque.avi"type="video/avi"></source></v... 查看详情

为啥同一网页在谷歌浏览器中另存为 PDF 时字体大小不同？

】为啥同一网页在谷歌浏览器中另存为PDF时字体大小不同？【英文标题】：WhythesamewebpagehavedifferentfontsizewhensaveasPDFinGoogleChrome?为什么同一网页在谷歌浏览器中另存为PDF时字体大小不同？【发布时间】：2020-09-0821:11:33【问题描述】... 查看详情

在谷歌浏览器开发人员中重播 HTTP POST

】在谷歌浏览器开发人员中重播HTTPPOST【英文标题】：ReplayHTTPPOSTingooglechromeDeveloper【发布时间】：2012-01-1204:58:18【问题描述】：我正在从firebug切换到GoogleChrome开发者工具。到目前为止我喜欢它，但我真正缺少的一个功能是重播ht... 查看详情

如何在谷歌浏览器中设置兼容性视图

参考技术A1、在谷歌商店或者网上搜索下载谷歌插件IETab,然后打开谷歌浏览器，点击右上角地址栏后面的三条设置按钮。2、在下拉列表中选择“设置”。3、选择“扩展程序”选项。4、将下载好的文件夹中的IETab插件直接拖入谷... 查看详情