Откройте ящик для навигации на салфетке (Material Design Lite)

Question

Я использую Material Design Lite для создания пользовательского интерфейса для приложения в веб-представлении, однако я столкнулся с проблемой, когда я не могу развернуть навигационный ящик при прокрутке.

Я использую этот код JQuery признать это событие Swipe

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

Отсюда я не знаю, как открыть панель навигации. Я бы предпочел, чтобы весь экран «swipeable», особенно левый край. Как я могу открыть панель навигации, когда этот обработчик салфетки запущен?

Answer 1

Я пытался добавить этот эффект в демонстрационный материал lite, http://www.getmdl.io/templates/dashboard/index.html. Таким образом, решение, которое я нашел, состояло в том, чтобы имитировать событие щелчка кнопки гамбургера, через класс «mdl-layout__drawer-button», который создается при помощи материального дизайна lite.

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

Answer 2

Чтобы открыть/закрыть sidenav document.querySelector('.mdl-layout').MaterialLayout.toggleDrawer();