jQuery mmenu 从菜单结构外部打开子菜单

Question

我正在尝试找出一种从 mmenu 结构外部触发子菜单的方法。

使用直接引用 mmenu id 的 link 打开子菜单不起作用：

<div class="content">
   <a href="#mm-2">Open submenu from here</a>
</div>

http://jsfiddle.net/9FdXv/40/

Answer 1

将 ID external 或您喜欢的任何内容添加到您的外部锚点。还要向构成“80% werken”菜单的 ul 添加一个 id。（在这个例子中我使用了 80_sub）。现在将以下内容添加到您的 js 脚本中：

$('#external').click(function(ev) {
    ev.preventDefault(); //Avoid mmenu to get the click and close
    var api = $("#my-menu").data( "mmenu" );
    api.openPanel( $("#80_sub") );
});

我们正在使用 API.

手动操作菜单

编辑：Working example based on your fiddle.

Answer 2

选中此 fiddle 以打开菜单 dynamically.I 菜单的用户触发事件。

您可以在标签中添加菜单的 ID data-href，如下所示

<a href="javascript:void(0);" data-href="#mm-2" class="open-dynamic"><span>Open the submenu "80% werken" from here</span></a>

您可以通过在 a 标签中添加不同的 id 来生成所有外部菜单 link。

下面的脚本将用于打开菜单。

 $(document).on("click", ".open-dynamic", function () {                    
                    $(document).find("[href='" + $(this).attr("data-href") + "']").trigger("click");                   
            });

Check This fiddle

jQuery mmenu 从菜单结构外部打开子菜单

jQuery mmenu open submenu from outside the menu structure

jquery

mmenu