mmenu - 如何让'开放''使用两个菜单的附加组件?

时间:2015-07-13 13:25:29

标签: swipe mmenu

要在滑动手势上打开mmenu,您可以在初始化菜单时包含hammer.js并在选项中配置加载项(请参阅http://mmenu.frebsite.nl/documentation/addons/drag-open.html):

$route

这适用于一个菜单,但由于我在一个站点上有两个菜单(一个从左侧打开,一个从右侧打开),附加组件仅适用于第一个(左侧)菜单,但不在第二(右)菜单上。如何让它在两个菜单上都有效?

1 个答案:

答案 0 :(得分:0)

假设:
1.菜单有“左菜单”和“右菜单”等ID 2.页面上有几个链接,您可以单击打开eatch菜单 3.链接ID是“左菜单链接”和“右菜单链接” 4. DIVs reagions你将执行“swiperight”或“swipeleft”动作有一个名为“swipeble-area”的CSS类。
您可以加载jQueryMobile(最后只使用所需的funcs。)并使用相同的脚本:

$(document).ready(function () {
    $("div.swipeble-area").on("swipeleft swiperight", function (e) {
        if ($("#left-menu").css("display") == "none" && $("#right-menu").css("display") == "none") {
            if (e.type === "swiperight") {
                $("#left-menu-link").click();
            } else if (e.type === "swipeleft") {
                $("#right-menu-link").click();
            }
        }
    });
});

希望这很有用。