亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

想要防止下拉菜單默認打開

想要防止下拉菜單默認打開

牛魔王的故事 2021-06-30 08:45:02
在移動視圖中(窗口大小小于 800px),下拉菜單現在默認打開并覆蓋內容。我希望在單擊切換按鈕之前隱藏菜單。網站:jweeklyusa.com老實說,我可以編寫 html 和 css,但我對 javascript 不太了解。如果你能幫助我,我真的很感激。謝謝你。/* Add Menu Toggle Button for mobile navigation */$("#main-navigation").before('<button id=\"main-navigation-toggle\" class=\"main-navigation-toggle\"></button>');/* Add dropdown slide animation for mobile devices */$('#main-navigation-toggle').on('click', function(){  menu_wrap.slideToggle();  $( this ).toggleClass('active');});/* Add submenus for mobile navigation menu */main_menu.addMobileSubmenu();header_menu.addMobileSubmenu();} );<nav id="main-navigation" class="primary-navigation navigation clearfix" role="navigation"><div class="main-navigation-menu-wrap">  <?php    // Display Main Navigation.    wp_nav_menu( array(      'theme_location' => 'primary',      'container' => false,      'menu_class' => 'main-navigation-menu',      'echo' => true,      'fallback_cb' => 'admiral_default_menu',      )    );  ?></div><!-- main-navigation-menu-wrap --></nav><!-- #main-navigation -->
查看完整描述

2 回答

?
慕村9548890

TA貢獻1884條經驗 獲得超4個贊

使用 Chrome 檢查器,您的 CSS 中似乎有 2 個顯示元素:


@media only screen and (max-width: 720px)

.main-navigation-menu-wrap


    display: none;

    float: left;

    width: 100%;

    border-top: 0px solid #ffffff;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: flex-start;

嘗試刪除該display: flex;行,看看它是否已修復。


希望這可以幫助。


查看完整回答
反對 回復 2021-07-01
?
慕虎7371278

TA貢獻1802條經驗 獲得超4個贊

在slideToggle() 的jQuery 文檔中,它說“如果元素最初顯示,它將被隱藏;如果隱藏,它將被顯示。”

看起來您最初將 CSS 顯示設置為“無”。最初嘗試刪除該屬性。


查看完整回答
反對 回復 2021-07-01
  • 2 回答
  • 0 關注
  • 197 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號