在单击CSS时禁用超链接

Question

我有一个由div构成的菜单。为此，我使用了默认的Joomla菜单，并对其进行了修改。但是，这是一个html问题，所以这就是为什么我在这里发布它。

顶部菜单项的下面具有子菜单的类称为“更深的父级”。单击此按钮后，我希望它只打开子菜单，而不是转到它的链接。

我尝试过

.deeper {
pointer-events: none;
   cursor: default;
}

.parent {
pointer-events: none;
   cursor: default;
}

但是，这也会禁用子菜单的显示，在我使用此CSS代码之前确实显示了该子菜单。

没有人知道我如何才能使子菜单在悬停时以及在单击时（对于表格;）），而无需引用位于顶部菜单项后面的链接？

Answer 1

您无法使用CSS禁用点击事件。这必须使用Javascript / jQuery完成。

假设您正在大多数Joomla网站上使用网站上的jQuery，则可以使用以下代码：

$(document).ready(function(){

   $('#element').on('click', function(){ 
      e.preventDefault();

      // Rest of code to show the menu  
   });

});

您还可以在Joomla菜单管理器中将父菜单项的type设置为separator，该菜单项将菜单项包装在<span>标记中，而不是<a>

Answer 2

使用此

指针事件：无；