0
ウェブサイトで私はメニューを使用しています。 PCでページを呼び出すと、メニューが完全に表示されます。携帯電話でページを呼び出すと、1つのボタンだけが表示され、ボタンをクリックするとメニューが開きます。ヘルプが必要です...ブートストラップボタン/ matchMedia/removeClass
PC版ではすべて問題ありません。メニューが表示され、ボタンが非表示になります。
携帯電話で電話すると、ボタンが表示されます。メニューも折り畳まれています。
<button class="btn btn-default btn-block hidden-md hidden-lg hidden-xl" data-toggle="collapse" data-target="#menulist">Show more ...</button>
<div id="menulist" class="collapse in">
\t <div class="panel-body nav-menu-left">
\t \t <table class="table">
\t \t \t <tr><td><a href="1.php">Menu 1</a></td></tr> \t \t \t \t \t \t \t \t
\t \t \t <tr><td><a href="2.php">Menu 2</a></td></tr>
\t \t \t <tr><td><a href="3.php">Menu 3</a></td></tr>
\t \t </table>
\t </div>
</div>
\t \t \t \t \t
<script type="text/javascript">
$(document).ready(function() {
if (matchMedia) {
\t var mq = window.matchMedia("(max-width: 765)");
\t mq.addListener(WidthChange);
\t WidthChange(mq);
}
function WidthChange(mq) {
\t if (mq.matches) {
\t
\t $("#menulist").removeClass("in");
\t }
}
});
</script>
Yeeeeesと
を削除します。ここでは
コードがあります。できます。 ありがとうございました。 ; o) – Michael74
あなたは大歓迎です。良い一日を過ごしてください! ;) –