swiper3.x和4.x华为浏览器的兼容性问题

在做电商网站的面料图与大图联动展示效果时，遇到了滑动面料图后点击一个面料，无法将大图滑动到指定面料的效果图。其中的面料图是ajax动态读取，使用myswiper.appendSlide(data.colorlist.split(','))方法添加，并没有使用myswiper.update()方法更新，导致部分华为机型（mate10、mate 20pro 、P20）的浏览器及微信下点击无法监听，但是其他品牌的浏览器及微信下均正常。

由于旧版本是用swiper3.x实现的两个轮播联动，本以为升级4.x就能解决问题，最终问题却出在ajax加载未使用update()。

前端页面效果如下：

swiper3.x和4.x华为浏览器的兼容性问题相关推荐

华为浏览器：即日起全面清理违规信息严管“自媒体”账号
10月27日消息,华为浏览器今日早间发布自查整改公告,称自即日起至11月9日,对存在的网络传播秩序问题进行全面自查,深入整改. 自查整改期间,将全面清理违规信息,严管"自媒体"账号 ...
如何兼顾隐私安全与便捷体验？华为浏览器集成FIDO，登录环境更安全
华为浏览器App是华为官方提供的安全.易用的手机浏览器.App依托华为强大的技术实力,致力于为手机.平板用户,提供高速稳定的上网浏览体验.便捷的搜索服务和全面的隐私保护.用户可在App内搜索.浏览网页 ...
自定义PC端华为浏览器主页壁纸
华为浏览器可通过在地址栏键入hwbrowser://settings/homepage或者点击右上角三点>设置>主页设置更改主页壁纸.但是这样仅能改为官方预设的几种壁纸而非自己的图片,经过 ...
网站域名被华为浏览器拦截的申诉方法
网站域名被华为浏览器拦截的申诉方法网址或域名在华为浏览器打开提示:已停止访问该页面,如上图.虽然点击'继续访问'还是能正常访问页面的,但绝大多数用户看到这风险提示页面就慌了终止访问,谁还会点继续访问 ...
mate40pro通过华为浏览器下载app后频繁重启问题。
发帖目的: 希望找到遇到同样问题并有解决办法的大佬. 1.问题发现过程如下: 如题,同样的问题自去年2022年3月购机以来已遇到3次,算上这次是第4次.起初认为是手机问题,去服务网点维修,恢复出厂,没 ...
cocos html5 一直在加载失败,项目进行中的小问题-0426-【Cocos2d-html5】初识Cocos2d-html5-一些移动端浏览器的兼容性Bug_169IT.COM...
背景与前言现在什么技术火?Android,ios,HTML5,人工智能,云计算--如此多的技术,而且发展非常快,大家都很迷茫,到底要学什么呢?我也很迷茫,只能走一步算一步. 但是人总是有理想的是吧. ...
火狐浏览器允许ajax,ajax如何解决火狐浏览器或其它非ie浏览器的兼容性问题
这行简单得多的代码在 Mozilla.Firefox.Safari.Opera 以及基本上所有以任何形式或方式支持 Ajax 的非 Microsoft 浏览器中,创建了XMLHttpRequest对象 ...
Chrome浏览器showModalDialog兼容性及解决方案
Chrome浏览器showModalDialog兼容性及解决方案参考文章: (1)Chrome浏览器showModalDialog兼容性及解决方案 (2)https://www.cnblogs.co ...
location.host与location.hostname和跨浏览器的兼容性？
本文翻译自:location.host vs location.hostname and cross-browser compatibility? Which one of these is the ...
Selenium Grid跨浏览器－兼容性测试
Selenium Grid跨浏览器-兼容性测试这里有两台机子,打算这样演示: 一台机子启动一个作为主点节的hub 和一个作为次节点的hub(系统windows 浏览器为ie) ip为:192.16 ...

swiper3.x和4.x华为浏览器的兼容性问题

swiper3.x和4.x华为浏览器的兼容性问题相关推荐

最新文章

热门文章