0

さて、別のメニューの下から下にスライドしたいメニューがあります。jQueryを正しく設定しているかどうかわかりません。デザインの画像リンクを掲載します。

ナビゲーションセットアップデザイン

私が持っているのは、すべてdivに含まれているヘッドのセクションです。表示されているメニュー(下部の薄い灰色の部分)の下にメニューがあり、クエリ用に別のdiv(#subMenu)に含まれています。基本的には、下にあるものを下にスライドさせて、画像に表示されているトップメニューのリンクをクリックして表示したいと思います。

下のメニューは、z-indexと相対性理論を介してページ上に階層化および配置されます。これは#SubMenuという名前で、高さは60ピクセルで、クエリの設定は次のようになります。

$(document).ready(function()){
//build a var to target #subMen div
var menu = $j('#subMenu')
//use click from link id
$('#menu-item-47').click(function(event){
    event.preventDefault();
    //if the menu is visible slide it up
    if (menu.is(":visible"))
        {
            menu.slideUp(50);
            $(this).removeClass("open");
        }
        //otherwise, slide menu down
        else
        {
            menu.SlideDown(50);
            $(this).addClass("open");
        }
});

});

それでも、WordPressに接続して設定した後、リンクをクリックしても効果が得られません。私はそれをワードプレスに間違ってインストールしているかもしれませんが、私はむしろ問題解決の正方形のものから始めたいと思います。コードが間違って設定されていても意味がないからです。

4

1 に答える 1

1

にタイプミスがありslideDownます。

また、 WP がデフォルトで使用するため、jQuery代わりに使用する必要があります。$.noConflict()

于 2013-03-06T23:01:53.643 に答える