0

私は独自のワードプレステンプレートを作成していて、静的に機能するjQueryドロップダウンメニューをコーディングしましたが、今はそれを動的にしようとしていますが、cssが台無しになっています。ドロップダウンは機能しますが、メニューが正しく表示されません。

メインメニューは水平ではなく垂直で表示され、セカンダリメニューは垂直ではなく水平で表示されます。また、メインメニューのオレンジ色のタイプは表示されていません。

これが動作する静的バージョンです

私は自分自身を徹底的に説明していることを願っています。さらに情報が必要な場合は私に知らせてください。

これが私のワードプレスのテンプレートコードです

<div class="box">
    <ul id="ldd_menu" class="ldd_menu">
        <li>
            <span>Menu</span>
            <!-- Increases to 510px in width-->
            <div class="sub_wrap">
                <div class="ldd_submenu">
                    <nav>
                        <li class="ldd_heading"></li>
                        <?php wp_nav_menu(array('menu' => 'main_nav')); ?>
                    </nav>
                    <a class="ldd_subfoot" href="#"> Accessibility Link</a>
                </div>
           </li>
      </ul>
  </div>
  <div></div>
4

1 に答える 1

0

コードが wp_nav_menu メソッドの出力形式を処理していないと思われます。正確なバージョンはわかりませんが、新しいバージョンはこのように出力されます。そのため、予期しない余分な div が追加され、子メニューの出力方法が期待どおりにならない場合があります。また、前の人が言ったように、あなたのコードは正しくなく、いくつかのタグがありません。 

<div class="menu-id-container">
  <ul class="nav-menu" id="menu-id">
     <li class="..." id=".."><a href="#">LINK</a>
        <ul class="sub-menu">
        <li><a href="#">Child LINK1</a></li>
        </ul>
     </li>
     <li class="..." id="..."><a href="#">LINK2</a></li>
  </ul>
</div>
于 2013-10-04T03:37:16.053 に答える