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"});
    });
});
4

1 に答える 1

0

レンダリングの問題である可能性があります。いくつかの修正 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 を削除してみてください。

于 2012-09-12T08:54:45.513 に答える