jQuery(document).ready(function(){
/* for top navigation */
jQuery("#menu ul, #menu li").css("-webkit-transform", "translateZ(0)");
jQuery(" #menu ul ").css({display: "none"}); // Opera Fix
jQuery(" #menu li").hover(function(){
jQuery(this).find('ul:first').css({visibility: "visible",display: "none"}).slideDown(400);
},function(){
jQuery(this).find('ul:first').css({visibility: "hidden"});
});
jQuery(" #menu2 ul ").css({display: "none"}); // Opera Fix
jQuery(" #menu2 li").hover(function(){
jQuery(this).find('ul:first').css({visibility: "visible",display: "none"}).slideDown(400);
},function(){
jQuery(this).find('ul:first').css({visibility: "hidden"});
});
});
此代码来自 dropdown.js,用于我在 www.yorkshirephotographer.net 上的导航菜单,我不得不添加第一行代码 - webkit 转换,因为该菜单在 Mac 和 IPAD 上无法正常运行。查看更多信息以及为什么我在此处添加此代码行 -
JavaScript 下拉菜单 - 零件在 Mac 上消失?
但现在菜单在移动设备上不起作用。当您点击单击时,会在主菜单文本下方出现一个框,就像您在链接下按下一样,这会导致链接无法激活 - 所以基本上菜单栏在手机上不起作用。
我已经检查了没有那行代码,它再次工作,但它不会在 Mac 上工作......所以需要在移动设备上禁用它或仅在其 Mac/Apple 操作系统时读取......
请帮忙谢谢