左键点击后链接失效答案

【问题标题】：Links don't work after left click左键点击后链接失效
【发布时间】：2017-10-13 21:08:29
【问题描述】：

在我的网站子菜单中的链接（父元素 - TERAPIA MANUALNA）不起作用。该问题仅在左键单击后出现。右键单击并“在新选项卡中打开”效果很好。什么原因导致问题？我正在使用 Divi 模板。

【问题讨论】：

我认为是下拉菜单的z-index问题。试着玩一下。
寻求代码帮助的问题必须包括在问题本身中重现它所需的最短代码
我认为您的 javascript 文件 (custom.js) 有问题。只需评论那些你在“标签上调用点击事件的部分，看看是哪一个导致了这个问题。

【解决方案1】：

$('.menu-item-has-children').on('click', function(e) {
      $('menu-item-has-children').toggleClass("submenu-open"); //you can list several class names 
      e.preventDefault();
    });

此代码导致上一级链接“Terapia manualna”在左键单击时无法打开...这是因为“e.preventDefault();”的调用停止跟踪链接！

我找不到快速简单的子菜单链接的问题，但我想这与这个功能有关：

(function($) {

function setup_collapsible_submenus() {
var $menu = $('#mobile_menu'),
top_level_link = '#mobile_menu > .menu-item-has-children > a';
$menu.find('a').each(function() {
$(this).off('click');

if ( $(this).is(top_level_link) ) {
$(this).attr('href', '#');
$(this).next('.sub-menu').addClass('hide');
}

if ( ! $(this).siblings('.sub-menu').length ) {
$(this).on('click', function(event) {
$(this).parents('.mobile_nav').trigger('click');
});
} else {
$(this).on('click', function(event) {
event.preventDefault();
$(this).next('.sub-menu').toggleClass('visible');
});
}
});
}

据我所知，子菜单的所有子菜单上又有一个“防止默认值”...

尝试改变它并再次测试！

【讨论】：