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

【问题标题】：Jquery toggle/click not working in Safari versions older than 9Jquery 切换/单击在早于 9 的 Safari 版本中不起作用
【发布时间】：2016-02-16 15:01:04
【问题描述】：

目前在测试网站时遇到浏览器和设备问题。 Jquery 滑动切换导航适用于所有设备和浏览器，除了运行 Safari 9 以下版本的设备和浏览器（但 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 版本）

任何帮助将不胜感激。

【问题讨论】：

标签： javascript jquery iphone safari mobile-safari

【解决方案1】：

问题不在于您的 jQuery 代码。

您的 CSS 中缺少必要的浏览器前缀，无法使其在 9 以下版本的 Safari 上运行。您在哪里有“transform: translate3d(-300px,0,0);”您还需要添加“-webkit-transform: translate3d(-300px,0,0);”到 CSS 规则。

您可以在此处查看哪些浏览器需要前缀才能在 CSS 中进行 3d 转换：

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

【讨论】：