Jquery 切换/单击在早于 9 的 Safari 版本中不起作用

Jquery toggle/click not working in Safari versions older than 9

本文关键字：Safari 版本 不起作用 切换 单击 Jquery      更新时间：2023-09-26

当前浏览器和设备测试网站时遇到问题。Jquery滑动切换导航适用于所有设备和浏览器，除了运行低于9的Safari版本的设备和浏览器(但是Safari 9工作完全正常(。

我使用了以下代码： 

jQuery(document).ready(function($) {
   function toggle() {
     $("#nav").toggleClass("toggle") 
     $("#button_pannel1").toggleClass("toggle") 
     $("#button_pannel2").toggleClass("toggle") 
     $("#button_pannel3").toggleClass("toggle") 
   }
   $("#toggle_button").on("click", toggle);
});

我在 Codepen 上使用以下代码构建了它(在旧的 Safari 版本上也不起作用(

任何帮助将不胜感激。

问题不在于你的jQuery代码。

您的 CSS 中缺少必要的浏览器前缀，无法使其在低于 9 版本的 Safari 上运行。如果你有"transform： translate3d(-300px，0,0(;"，你还需要在CSS规则中添加"-webkit-transform： translate3d(-300px，0,0(;"。

在这里，您可以看到哪些浏览器需要前缀才能使 3D 转换在 CSS 中工作：

http://caniuse.com/#feat=transforms3d

相关文章：