1

mmenu 2.2.3 がインストールされたサイトがあります。メニューはクリックで開くように設定されています。ここで実際にそれらを見ることができます:

http://thedigitalcomic.com

モバイルでは正しく機能しないため、mmenu 3.3.1 にアップグレードしたいと考えていますが、この新しいバージョンの構文は古いものとは劇的に異なっているようです。ここに私の custom-script.js ファイルがあります:

jQuery(document).ready(function($) {
   $('#show-menu').click(function(){
     $('div#responsive-menu').slideToggle('slow');
   });
    $('#hide-menu').click(function(){
     $('div#responsive-menu').slideToggle();
   });
 });


jQuery(document).ready(function($) {
    $(function() {
      $("#menu").mmenu({
});
      $("#menu-book").mmenu({
        position: "right"
});
      $("#menu-user").mmenu({
        position: "right"
});
});
});

最終的に、私が本当にやりたいことは、右側のメニューにワイドスクリーン オプションを実装し、左側のメニューをクリックして完全に開くアイコンバー スタイルにすることです。しかし、今のところ、私は方向性を取得しようとしています。

この mmenu の古い構文を最新の 3.3.1 バージョンに翻訳するのを手伝ってくれる人はいますか? 現状では、現在の .js ファイルと .css ファイルを読み込もうとすると、メニューがすべて詰まってしまいます。

ありがとう!ロブ

4

1 に答える 1

0

バージョン 3.2.0 の時点で、プラグインには、メニュー固有のスタイルを追加するかどうかを決定するオプション「isMenu」があります。このオプションを省略すると、プラグインはそれがメニューかどうかを自動的に検出しようとします。この背後にあるロジックは次のとおりです。

NAV には子ノードが 1 つしかなく、その子ノードは UL ですか?

したがって、基本的には、最新バージョンに更新して、isMenu-option を js に追加できると思います。

$("#menu-user").mmenu({
    position: "right",
    isMenu: true
});
于 2013-10-08T10:37:35.577 に答える