mmenu 2.2.3 がインストールされたサイトがあります。メニューはクリックで開くように設定されています。ここで実際にそれらを見ることができます:
モバイルでは正しく機能しないため、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 ファイルを読み込もうとすると、メニューがすべて詰まってしまいます。
ありがとう!ロブ