0

私の jQuery はあまり良くありません。既存のスクリプトの断片をつなぎ合わせて学習しようとしていますが、うまくいきません。大きな画面サイズで通常の水平ナビゲーション バーとして機能し、980px 未満の幅で jQuery ドロップダウンになるように、Wordpress Web サイトのメニューを取得しようとしています - ドロップダウンは機能していますが、方法がわかりません小さな画面サイズでのみ動作するようにします。

動作するコードは次のとおりです。

    <script type="text/javascript">
jQuery(document).ready(function($) {
    $("#mmenu").hide();
    $(".mtoggle").click(function() {
        $("#mmenu").slideToggle(500);
    });
});
</script>

ただし、明らかに、大きな画面サイズでも水平方向のナビゲーションが非表示になります。

私はもう試した

    <script type="text/javascript">
jQuery(document).ready(function($) {
    if($(window).width() < 979) {
    $("#mmenu").hide();
    $(".mtoggle").click(function() {
        $("#mmenu").slideToggle(500);
    }
    });
});
</script>

しかし、コードが完全に壊れて完全に機能しなくなったようで、その理由がわかりません。

問題の Web サイトはhttp://host26.qnop.net/~fpsl/です。コンテキスト内のメニューが表示されると役立つ場合。

どんなアドバイスでも大歓迎です-ありがとう！

4

2 に答える 2