jquery ハンバーガーメニュー【meanmenu】のオプション設定についてご教示ください。

Question

jQueryプラグインの「meanmenu」を使用して、ハンバーガーメニューを実装しようとしており、用意されているオプションを利用して、三本線の下にMENUと文字が入るようにしたいのですが、
何故か三本線は表示されるのですが、「MENU」の文字が表示されません。
一度、メニューを開いて閉じると「三本線とMENU」が表示されます。

サイトを開いた時点で、三本線とMENUを表示させるには、meanmenu.jsの中身を変更しないといけないのでしょうか？

【meanmenu】 http://www.meanthemes.com/plugins/meanmenu/

ご教示頂きたく、何卒よろしくお願い致します。

<nav class="gnav">
   <ul>
   <li><a href="">メニュー１</a></li>
   <li><a href="">メニュー２</a></li>
   <li><a href="">メニュー３</a></li>
   <li><a href="">メニュー４</a></li>
    </ul>
</nav>

<script>
    $(document).ready(function() {
    $('.gnav').meanmenu({
      meanMenuClose:"<div class='close_btn'>X</div>",
      meanMenuCloseSize: "10px",
      meanMenuOpen: "<div class='menu_bar'></div><div class='menu_bar'></div><div class='menu_bar'></div><div class='menu_btn'>MENU</div>",
      meanRevealPosition: "right",
      meanScreenWidth: "991",
    });
    });

メニューボタン（三本線とMENU）とクローズボタン（×）を表示させるために用意したCSSです。

.close_btn{
	text-align: center;
	color: #fff;
	font-size: 18px;
}
.menu_btn{
	display: block;
	font-size: 10px;
	color: #fff;
}
.menu_bar{
	display: block;
	border: 1px solid #fff;
	margin-bottom: 3px;
}

Comments

[ogaaaan]

『jQueryの「meanmenu」』ではなくて、『jQueryプラグインの「meanmenu」』ね。meanmenuってメソッドなんかあったっけ？って思っちゃう人いそう。
あとリンク張っておくと親切かも。
http://www.meanthemes.com/plugins/meanmenu/

Answer 1

ダウンロードして試してみました。

そのcssはいったん無視して、

meanMenuOpen: '<span /><span /><span /><div class="menu_btn">MENU</div>'

でやって見てください。

MENUが隠れますが、そこをcssで調整してみてください。

Comments

[ogaaaan]

あ！同じ現象になった！なんですかねこれwww
調べてみます。

[ogaaaan]

プラグイン見てみました。
なるほど、一番最初に表示されるときは、HTMLそのままになりますね。
そして

var meanInner = function()

内で、クリックやタップされたら初めて指定したオプションに書き換えてます。
クリックやタップしないと書き換わらないという仕組みになってます。

[rxxk0023]

ダウンロードまでして試して頂いてありがとうございます！

素人の為、中身まで見る努力をしておりませんでした。。。。
ちゃんと見て理解できるようにならないとダメですね。

今回のコードを参考に勉強してみます！

ひとまず、positionを調整してハンバーガーメニューの下に「menu」と入れてみます。

[ogaaaan]

直接的な回答じゃなくてさーせん！！！