Öffnen der Navigationsleiste beim Wischen (Material Design Lite)

Question

Ich benutze Material Design Lite, um eine Benutzeroberfläche für eine App in einer Webansicht zu erstellen. Ich bin jedoch auf ein Problem gestoßen, bei dem ich die Navigationsleiste beim Wischen nicht bereitstellen kann.

Ich bin mit diesem jQuery-Code Wisch Ereignisse

$(function() {  
     $("#test").swipe({ 
     //Generic swipe handler for all directions 
     swipeRight:function(event, direction, distance, duration, fingerCount) { 
      $(this).text("Event Triggered"); 
     }, 
     }); 
    }); 

Von hier Ich bin nicht sicher zu erkennen, wie die Navigationsleiste zu öffnen. Ich würde es vorziehen, wenn der ganze Bildschirm "wischbar" wäre, besonders die linke Kante. Wie kann ich die Navigationsleiste öffnen, wenn dieser Swipe-Handler ausgelöst wird?

Answer 1

Ich habe versucht, diesen Effekt in der Demo-Material-Design-Lite, http://www.getmdl.io/templates/dashboard/index.html hinzuzufügen. Die gefundene Lösung bestand also darin, das Klickereignis der Hamburger-Schaltfläche durch die Klasse "mdl-layout__drawer-button" zu simulieren, die von Material Design Lite generiert wird.

$(function() {  
    $("#test").swipe({ 
     //Generic swipe handler for all directions 
     swipeRight:function(event, direction, distance, duration, fingerCount) { 
      $(".mdl-layout__drawer-button").click();       
     }, 
    }); 
}); 

Answer 2

Zum Öffnen/Schließen sidenav document.querySelector('.mdl-layout').MaterialLayout.toggleDrawer();