Jquery toggle/click 不适用于 9 之前的 Safari 版本

Question

当前在浏览器和设备测试网站时遇到问题。 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);
});

我使用以下代码构建了这个 on Codepen（它也不适用于旧的 Safari 版本）

如有任何帮助，我们将不胜感激。

Answer 1

问题不在于您的 jQuery 代码。

您在 CSS 中缺少必要的浏览器前缀，以使其在低于 9 的 Safari 浏览器上运行。在您有 "transform: translate3d(-300px,0,0);" 的地方，您还需要添加“-webkit-transform: translate3d (-300px,0,0);" CSS 规则。

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

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

Jquery toggle/click 不适用于 9 之前的 Safari 版本

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

javascript

iphone

safari

jquery

mobile-safari