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菜单管理器中将父菜单项的类型设置为分隔符，它将菜单项包装在<span>标记中，而不是{ {1}}

在css中单击时禁用超链接

1 个答案: