Question

目前有浏览器和设备测试网站的问题。除了运行9以下版本的Safari之外，Jquery幻灯片切换导航适用于所有设备和浏览器（但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切换/单击不适用于9以上的Safari版本

1 个答案: