1

WordPressのカスタムテーマを開発しています。

Ian Stewart の
「WordPress テーマの作成方法: 究極の WordPress テーマ チュートリアル」を使用して、テーマの基本的な骨組みを開発しました。

そして、以下を使用してメニュー CSS を開発しました: CSS
でマルチレベルのドロップダウン メニューを作成し、jQuery で改善する

どちらも綺麗で完成度が高いです。

カスタムメニューをテーマに登録しようとしたところ、サブメニューで CSS が機能しません。カスタム メニューを登録するには、次のコードを に使用しましたheader.php。

<?php wp_nav_menu ( array ( 'theme_location'=>'primary', 'fallback_cb'=>'') ); ?>

それは私のために機能しており、指定した場所にカスタム メニューを表示しています。ただし、カスタム CSS を使用すると、ドロップダウン メニュー (サブメニュー) が表示されません。z-index後続のメニューに使用しましたが、非表示になるまで。

注意してください: は次のwp_nav_menu()ようなタグを作成しています:

<ul id="menu-new-custom-menu" class="menu">

そのため、CSS ですべて#navをに置き換えました.menu。ただし、サブメニューが表示されなくなるまで。

私のコーディング全体のバグを理解するのを手伝ってください。
PS:メニューに関連するプラグインなしで WP 3.4.2 を使用しています。私の CSS はチュートリアルのものとまったく同じですが、.menu.

4

2 に答える 2

1

おそらくこれはあなたのjqueryの問題ですか？私はあなたのcssをチェックしましたが、何も問題はありませんでしたが、header.phpをチェックすると、jqueryライブラリとjqueryカスタムコードが埋め込まれていません.

jquery コードの前に jquery ライブラリを配置しましたか? 以下を参照してください。これをheadタグの header.php に入れます。

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script>
  function mainmenu(){
      $(" .menu ul ").css({display: "none"}); // Opera Fix
      $(" .menu li").hover(function(){
      $(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400);
    },function(){
    $(this).find('ul:first').css({visibility: "hidden"});
    });
 }



 $(document).ready(function(){                  
mainmenu();
 });
</script>
于 2012-10-26T00:58:24.720 に答える
1

わかりました、私はついに解決策を得ました。
jQuery の問題ではなく、jQuery はメニューのみをアニメーション化することでした。CSS で間違った属性を見つけましたnano.css:

#access{
    background-color: #333;
    height: 25px;
    font-size:16px;
    text-transform:uppercase;
    overflow:hidden;
    }

になります

#access{
    background-color: #333;
    height: 25px;
    font-size:16px;
    text-transform:uppercase;
    }

はoverflow:hiddenサブメニューを隠していました。

さらに、次のように追加z-indexしました。

.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul{
display:block;
position:absolute;
z-index:5000;
}

サブメニュー用。今はここでうまくいっています。
バグ修正を手伝ってくれた Amit Chowdhury に感謝します。

于 2012-11-01T14:17:59.003 に答える