18910140161

JavaScript-WordPress Elementor Pro仅使导航菜单小部件项下拉-堆栈溢出

顺晟科技

2022-10-19 14:23:55

97

我正在用Elementor Pro在WordPress中重新创建一个Joomla网站。我正在重新创建的网站有一个主菜单栏,许多菜单项都有子菜单下拉。导航菜单小部件给了我重新创建这个的能力,除了一件重要的事情。Joomla网站的菜单项有子菜单下拉,它们本身不会把你带到另一个页面。它们仅用于允许子菜单出现。

下面是一个与以下示例一起使用的图像:nav-menu

因此,例如,如果一个菜单项(例如“捐赠”)没有子菜单下拉菜单,那么单击它将把您带到它的页面(例如,在本例中是捐赠页面)。但是,如果菜单项(例如“联系人”)确实有子菜单下拉列表,那么单击它不会将您带到不同的页面,但子菜单下拉列表中的项(例如本例中的“访问”和“就业”)将将您带到不同的页面。

据我所知,nav menu小部件没有直接使菜单项专用于允许下拉子菜单出现的方法。所以我想知道是否有一种方法可以解决这个问题。

我尝试的第一件事是将此代码添加到导航菜单小部件的自定义css部分:

selector .has-submenu {
   pointer-events: none;
}

但这也会禁用子菜单下拉菜单。

我尝试的第二件事是创建一个HTML小部件,代码如下:

selector .has-submenu {
   pointer-events: none;
}

但这似乎没有任何作用。我想这是因为代码在导航菜单HTML出现之前执行,但我不确定。


顺晟科技:

我意识到在我的网站仪表板上的外观>菜单下,我可以添加自定义链接的菜单项。因此,我添加了指向“#”的自定义链接,并给出了我需要的文本。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航