0

WordPressを実行しているブログにドロップダウンメニューを使用しようとしています。私がやりたいのは、私のカテゴリのサブメニューを用意することです。したがって、次のようになります。http: //d.pr/i/jj0I-これはそうですが、ページの読み込み時にも次のようになります-これは私が望んでいることではありません。一般的に言って、WordPressを使用していなかった場合、HTMLに以下を追加できるため、これは簡単な解決策になります。

WordPressなしのHTMLメニュー：

<ul class="dropdown">
    <li>Link 1</li>
    <li>Link 2</li>
    <li>
        <ul style="visibility: hidden;">
            <li>Sub menu - Link 1</li>
            <li>Sub menu - Link 2</li>
        </ul>
    </li>
    <li>Link 4</li>
</ul>

WordPressのHTMLメニュー

<ul class="dropdown" style="visibility: hidden;">
    <?php wp_list_categories('title_li='); ?>
</ul>

WordPressでやりたいのは、サブメニューで'style = "visibility：hidden;"'を使用できるようにすることです。wp_list_categoriesを書き直した場合は可能ですが、テーマチェックに合格する必要があるため、それを行うことはできません。したがって、ページの読み込みで'style = "visibility：hidden;"'を使用せずに、サブメニューにカーソルを合わせると自動的に表示されます。

私のjQuery：

jQuery（document）.ready（function（$）{

jQuery("ul.dropdown li").hover(function() {
    $('ul:first',this).css('visibility', 'visible');
}, function() {
    jQuery(this).removeClass("hover");
    jQuery('ul:first',this).css('visibility', 'hidden');
    });
});

それが役立つ場合は、http ：//wpvault.com/kahlam-test/でドロップダウンメニューをライブで表示できます。

何も残してしまったらごめんなさい、もしあればすぐに追加できるように頑張ります。

4

3 に答える 3

2 
.dropdown .children{
    visibility:hidden;
}
于 2012-09-28T22:22:44.817 に答える
1

ページの読み込み時にulを非表示にします。

$(function() {
   $('ul.dropdown li > ul').hide();
   // Your Code here
});
于 2012-09-28T22:24:37.740 に答える
0

メニュー作成画面を使って、このようにメニューを作ってみませんか？

WPメニュークリエーターを使用して階層メニューを作成できます。htmlは、探しているものとほぼ同等である必要があります。

于 2012-09-28T22:23:00.090 に答える