-2

私のWordpressテーマでは、クラス.current-page-itemを持つリスト項目内のサブメニューにアクセスして表示しようとしています

現在、私はこれを持っています：

$(document).ready(function() {
    $(".sub-menu").hide();
    $(".current-page-item").find(".sub-menu").show();
});

Alert('whatup'); を入れると if ステートメント内では、アラートが表示されますが、show(); は表示されません。クラス .sub-menu を持つ UL

誰か助けてくれませんか？

編集：ワードプレスが生成するHTMLコードは次のとおりです。

<ul id="menu-main" class="menu">
    <li id="menu-item-11" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-4 current_page_item menu-item-11">
        <a href="http://localhost:8080/subfolder/wordpress/">ABOUT COMPANY</a>
        <ul class="sub-menu">
           <li id="menu-item-17" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17"><a href="http://localhost:8080/subfolder/wordpress/?page_id=15">TEAM</a></li>
        </ul>
    </li>
    <li id="menu-item-10" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10">
        <a href="http://localhost:8080/subfolder/wordpress/?page_id=7">COMPANY PHILOSOPHY</a>
        <ul class="sub-menu">
        <li id="menu-item-21" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21"><a href="http://localhost:8080/subfolder/wordpress/?page_id=19">STRATEGY</a></li>
        </ul>
    </li>
</ul>
4

1 に答える 1

0

HTML 構造に基づいて、次のようにします。

$("#menu-main").find("li.current_page_item").find("ul.sub-menu").show();

デモ: http://jsfiddle.net/u44Yn/1/

liあなたのクラスがそうではcurrent_page_itemないため、コードが機能しないことに注意してくださいcurrent-page-item

于 2013-03-29T11:17:01.677 に答える