如何应用jQuery.click自动单击项目的第一级？

Question

我使用这个jquery菜单库作为一个滑动菜单：http://mmenu.frebsite.nl/

现场演示：http://jsfiddle.net/p9ynx8wc/3/

它打开菜单和子菜单时，我手动鼠标点击。

现在我想通过jquery单击打开菜单和子菜单；我可以通过jquery打开菜单，但不能打开子菜单。

打开子菜单的Html按钮：

<li id="mmbasket">
    <a class="mm-next" href="#mm-1" data-target="#mm-1"></a>
    ... other elements ... 

当我手动单击时，子菜单就会打开。(标记通过MMENU JQUERY自动生成)。

我编写了jquery代码来自动单击它：

 var API = $("#menu").data( "mmenu" );

      $("#basket").click(function() {
          event.preventDefault(); 
         API.open();
         $('#mmbasket:first-child').click();
      });

代码打开幻灯片，但不打开子菜单。

视觉：

​

​

有人能指出我的错误吗？

Answer 1

$("#mmbasket:first-child")应该是$("#mmbasket > :first-child")。如果选择器是#mmbasket的父级的第一个子项，则选择器与#mmbasket匹配。您想要#mmbasket中的第一个孩子。

演示