Javascript Wordpress移动菜单JQuery选择器故障

我在全视图菜单和移动视图菜单（使用相同的ul>li>a结构）之间的一个小的机械差异方面遇到了问题。在移动视图中，菜单会一直隐藏，直到.showMe类被添加到其父div。这没有问题，但是当我尝试使用选择器链中的.showMe来选择子菜单时（为了仅在移动模式下执行jQuery操作），脚本会中断，从属操作永远不会发生

选择相关代码的部分如下所示：

$('.showMe .menu-item-has-children > a').click(function(event){

    // prevent default link behavior
    if (!($(this).siblings('.sub-menu').hasClass('expanded'))) {
        event.preventDefault();
    }

    // close down any open submenus
    $('.sub-menu').removeClass('expanded');

    // expand the clicked link’s child ul
    $(this).siblings('.sub-menu').toggleClass('expanded');
});

如果我从顶行删除

.showMe

选择器，效果会非常好

请参见此处的现场测试：

我觉得我快发疯了我错过了什么

---

提前感谢。

在评论中回答，谢谢adeneo

---

事件处理程序仅添加到绑定时与选择器匹配的元素中。稍后添加类意味着事件处理程序将不适用于这些元素，因为它们在绑定事件处理程序时与选择器不匹配……您可以在事件处理程序中检查类

事件处理程序仅在绑定时添加到与选择器匹配的元素中。稍后添加一个类意味着事件处理程序将无法处理这些元素，因为它们在绑定事件处理程序时与选择器不匹配。啊。就这样。此事件处理程序添加到$（document）.ready（），然后添加showMe类。在这种情况下，什么可能是最好的解决方案--在添加showMe类的回调中添加事件处理程序？当然，您可以在事件处理程序中检查该类！现在工作顺利。非常感谢你在这方面的帮助。谢谢你帮助初学者！