Question

我使用下面的JS来使WordPress菜单响应。基本上，它广告＆＃34;活跃＆＃34;如果存在关联的子菜单，则为菜单项的父级。这对于响应式菜单非常有效，因为单击父级会扩展子菜单。但是，在桌面版本上，父项目现在是不可点击的，因为而不是实际链接，＆＃34;活动＆＃34;类被添加。任何有关此功能的帮助都是＆gt; 768但是没有它在＆lt; 768的功能将非常感激。

jQuery(document).ready(function($) {
  $('nav#menu > ul > li').addClass('has-submenu');

  $('body').addClass('js');
    var $menu = $('#menu'),
      $menulink = $('.menu-link'),
      $menuTrigger = $('.has-submenu > a');

  $menulink.click(function(e) {
    e.preventDefault();
    $menulink.toggleClass('active');
    $menu.toggleClass('active');
  });

  $menuTrigger.click(function(e) {
    e.preventDefault();
    var $this = $(this);
    $this.toggleClass('active').next('ul').toggleClass('active');
  });
}(jQuery));

Answer 1

您可以通过执行以下操作来获得高度：

var viewportHeight = $(window).height();

然后你可以使用高度的条件语句：

if (viewportHeight >= 768) {
  //+++ desktop
} else { 
  //+++ mobile
}

jQuery .height()的文档。

如何修复WordPress响应式菜单中的顶级链接

1 个答案: