0

こんにちは、長々とした質問のタイトルで申し訳ありません。

ページに mmenu の複数のインスタンスがあり、正確には 3 倍です。基本的に、一方が開いているときは、別のものを開くことができる必要があります。これは機能しますが、そうすると白いコンテンツがフラッシュされます。

私が本当にやりたいことは、最初の閉鎖後まで 2 番目の発射を遅らせることです。

setTimeout または CSS トランジションと if else ステートメントを使用して遅延を正常に設定しましたが、mmenu 関数は if/else の外でも呼び出されるため、アンカーをクリックしてトリガーするとすぐに起動します。

私はjavascript/jqueryに比較的慣れていませんが、これを行う方法があると確信しています。

    $("#open-menu").mmenu({
        offCanvas: {
            position: "right",
            zposition: "front"
        }
    });

    $("#new-menu").mmenu({

        classes: "mm-fullscreen",
        offCanvas: {
            position: "left",
            zposition: "front"
    }

                    });


    $(".close-menu").click(function() {
         $("#new-menu, #open-menu").trigger("close.mm");
});

ずさんなコードを許してください。これが基本的なセットアップです。

4

2 に答える 2

0

ありがとうダニエル、

問題を整理することができました。

$(".button").click(function(){

        if( $("#open-menu").hasClass("mm-current")){                

            setTimeout(function(){

                $("#new-menu").addClass("unhide").mmenu({

                                classes: "mm-fullscreen",
                                offCanvas: {
                                    position: "left",
                                    zposition: "front"
                                }

                            })

                            .trigger( "open.mm" );

            }, 500);

        }

    })
于 2014-10-15T17:19:41.623 に答える