JavaScript下拉菜单在Mac上部分内容消失了？

Question

JavaScript下拉菜单在Mac上部分内容消失了？

javascriptjqueryjquery-ui

3

我的网站有各种页面，每个页面上方都有一个重复的导航菜单。在PC上的任何浏览器上都可以正常工作。但是，在Safari或iPad上的Mac上，它仅适用于某些页面。

当进入纵向页面时，“信息”下拉菜单中的文本会消失，客户区域下拉菜单中的文本也会消失。

这些菜单在所有其他页面上都可以正常工作，而且代码完全相同，我只是复制并粘贴了它，所以我真的不明白为什么会发生这种情况。链接仍然有效，如果您在空白处单击，它将带您到链接，但您实际上无法看到您要单击的内容。

我已更新了所有JavaScript文件，并想不到还有其他尝试的方法。 www.yorkshirephotographer.net 代码：

jQuery(document).ready(function(){
    /* for top navigation */
    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"});
    });
});

- user1665117

你真的有Java或JavaScript吗？顺便说一句，如果你想让我们修复某些东西，我们必须看到代码，或者至少是具体的东西（不要简单地把我们发送到一个网站要求我们调试它：将问题简化为一个简单的案例）。 - Denys Séguret

哦，好问题，我不确定。 - user1665117

所以你不使用Java。正如在这里经常说的那样，“Java就像汽车，JavaScript就像地毯”。它们是非常不同的语言，你不能编写Java代码而不了解它。 - Denys Séguret

这真的让我很头疼，我正在尝试将页面的编码和CSS发送给您，但它无法发布... - user1665117

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Armel Larcier · Answer 1

这可能是一个渲染问题。尝试为您的元素添加一些修复的CSS：

-webkit-transform: translateZ(0);

它应该强制渲染... 你可以用JavaScript像这样实现：

jQuery("#menu ul, #menu li").css("-webkit-transform", "translateZ(0)");

您还可以将CSS属性应用于#menu的所有子元素。我会添加锚点选择器：

jQuery("#menu, #menu ul, #menu li, #menu a").css("-webkit-transform", "translateZ(0)");

如果仍然无法正常工作，请尝试移除cufons。