Question

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

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

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

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

Answer 1

选中此小提琴以动态打开菜单。我用户触发菜单事件。

您可以在以下标记中添加data-href菜单的ID

<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");                   
            });

Check This fiddle

Answer 2

将ID external或您喜欢的任何内容添加到外部锚点。同时为ul添加一个ID，以构成您的＆＃34; 80％werken＆＃34;菜单。（在此示例中，我使用了80_sub）。现在将以下内容添加到js脚本中：

＆＃13;

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

＆＃13;

我们使用API手动操作菜单。

修改：Working example based on your fiddle。

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

2 个答案: