mmenu - 如何使用兩個菜單獲取「拖動打開」附加組件？

Question

要打開滑動手勢的mmenu，您可以包括hammer.js並在選項配置附加初始化菜單時（見http://mmenu.frebsite.nl/documentation/addons/drag-open.html）：

_JQ('#rightMenu').mmenu({   
    dragOpen: true 
}, { 
    // configuration 
    clone: true 
}); 

_JQ('#leftMenu').mmenu({   
    dragOpen: true 
}, { 
    // configuration 
    clone: true 
}); 

，對於一個菜單工作正常，但因爲我在一個站點上有兩個菜單（左側一個，右側一個），附加功能只能在第一個（左側）菜單上工作，而不能在第二個（右側）菜單上工作。如何讓它在兩個菜單上工作？

Answer 1

假設：
1.菜單中有「左菜單」和「右菜單」等ID。
2.您在頁面上有幾個鏈接，以便您可以點擊打開eatch菜單。
3.鏈接ID是「左菜單鏈接」和「右菜單鏈接」。
4.您將執行「swiperight」或「swipeleft」操作的DIVs reagions具有名爲「swipeble-area」的CSS類。
您可以加載jQueryMobile（eventualy用，只有，所需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(); 
      } 
     } 
    }); 
}); 

希望這是有用的。