jquery - 我如何应用 jQuery.click 来自动点击元素的第一级？

Question

我将这个 jquery 菜单库用于滑动菜单:http://mmenu.frebsite.nl/

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

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

现在我想通过 jquery click 打开菜单和子菜单；我可以通过 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 中的第一个 child 。

DEMO