Question

我的任务是更改Wordpress中顶级菜单的默认行为。

例如，我从顶级菜单中删除了链接功能 - 因为我只希望人们点击子菜单。（如果感兴趣，请参见here）

我的问题是什么

但是，我遇到了一个问题，如果您点击其中一个顶级项目，浏览器会关注＆＃39;就此而言，即使将光标移开，子菜单仍然保持活动状态。我希望当您移动光标时子菜单消失 - 与您没有点击顶部菜单时的行为相同。

我尝试了什么

我已经确定您可以通过单击inspect元素中的链接并将状态设置为焦点来强制此状态。

我已经尝试过编写一些CSS来阻止它发生，但是并没有随处可见。

我还添加了＆＃39; stopPropagation＆＃39;用于停止链接的jQuery，但它没有达到预期的效果。

<script>
        jQuery(document).ready(function () {
            // Add the classes to target
            jQuery('a.toplevel_page_bnfo_portal, a.toplevel_page_bnfo_database, a.toplevel_page_bnfo_insights').click(function (event) {
                event.preventDefault(); // cancel the event

                event.stopPropagation(); // Stops event propagating
            });
        });
</script>

Answer 1

我现在已经找到了一个解决方案，使用@ sarfraz在this post上的建议，该目标针对鼠标按下＆＃39;

jQuery('a.toplevel_page_bnfo_portal, a.toplevel_page_bnfo_database, a.toplevel_page_bnfo_insights').on('mousedown', function(event) {
            // do your magic
                event.preventDefault();
});

一旦将光标移离它们，就强制将Wordpress子菜单隐藏起来

1 个答案: