Question

我使用这个jquery菜单lib来获得一个滑动菜单：pointed out in this answer

现场演示：http://mmenu.frebsite.nl/

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

现在我想通过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();
      });

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

视觉上：

http://jsfiddle.net/p9ynx8wc/3/

有人可以指出我的错误吗？

Answer 1

$("#mmbasket:first-child")应为$("#mmbasket > :first-child")。如果是其父亲的第一个孩子，则您的选择器会与#mmbasket匹配。您想要#mmbasket内的第一个孩子。

DEMO

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

1 个答案: