Мобильный телефон: скрыть меню после нажатия на ссылку меню - PullRequest
Новая
       16

Мобильный телефон: скрыть меню после нажатия на ссылку меню

0 голосов
/ 03 октября 2018

header.php 

       <div class="mobile-menu">
          <a href="#" class="mobile"><i class="fas fa-bars"></i></a>
      </div>
          <div class="site-nav">
              <ul>
              <?php 
                  // navigation menu
                    wp_nav_menu(array(
                    'theme_location' => 'primary',
                    'menu_class' => 'primary-menu',
                    'container' => false,
                    'items_wrap' => '%3$s'
                      ));

                    ?>
  </ul>
</div>

Рассмотрим это как 

 .site-nav ul li a

JS 

 jQuery(document).ready(function(){
     jQuery(window).load(function() { //execute after load
//responsive menu
    jQuery('.mobile').on('click',function() {
        jQuery('.site-nav').slideToggle('slow');

});
//fix menu when changing to mobile to desktop
var breakpoint = 767;
jQuery(window).resize(function(){

    if (jQuery(document).width() >= breakpoint){
        jQuery('.site-nav').show();
    }else{
        jQuery('.site-nav').hide();
    }
    });
    });
});

какчтобы скрыть страницу меню, когда я нажимаю ссылку на другую страницу, каждый раз, когда я нажимаю на другую страницу, меню не будет скрывать / переключать

http://jsfiddle.net/jayllopy/vds2U/217/

...