从菜单结构外部打开的jQuery菜单

Question

我正试图找出一种方法从mmenu结构之外触发子菜单。

打开带有直接引用mmenu id的链接的子菜单，不起作用：

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

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

Answer 1

将id external或任何您喜欢的内容添加到外部锚上。还添加一个id到ul构成您的"80%狼人“菜单。(在本例中，我使用了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接口手动操作菜单。

编辑：基于小提琴的工作示例.

Answer 2

检查这把小提琴，以便动态打开菜单。我已经启动了菜单的用户触发事件。

可以将菜单的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>

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

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

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

检查一下这把小提琴