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

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

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

---

任何帮助都将不胜感激。

问题不在于jQuery代码

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

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