Jquery 如何使用walker函数将css附加到wordpress菜单项的下拉元素中？

在纯html中，一个类“dropdown”附加到具有子级的li。而ul在父li下有类“下拉菜单”。如果将鼠标悬停在父li上，它会得到另一个类“打开”，这样隐藏的子ul就会出现，而当鼠标悬停在父li上时，“打开”类就会从父li中删除，子ul就会消失

正如我在wordpress中看到的，如果一个li成为父级，它会得到一个类“menu item has children”，而child ul会得到一个类“sub menu”，因此利用这一点，我使用下面的代码：

script.js

---

但是我想通过定制walker类来实现它。如何自定义walker函数以放置

---

“dropdown”类到父级li，“dropdown menu”到子级ul？

请查看我在评论中提供的链接，但您基本上需要查看扩展Walker_Nav_menu类。这里还有另一个链接可能会被证明是有用的

我想你可能在寻找这个问题：

jQuery(document).ready(function($) {

        $('.menu-item-has-children>a').append('<div class="caret"></div>');
        $('.menu-item-has-children').addClass('dropdown');
        $('.sub-menu').addClass('dropdown-menu');

    $('.menu-item-has-children').mouseover(function(){

        $('.menu-item-has-children').addClass('open');

    }).mouseout(function(){

        $('.menu-item-has-children').removeClass('open');
    });
});

.sub-menu{
    position: absolute;
    top: 30px;
}