Проведите по середине, чтобы открыть панель с помощью jQuery Mobile?

Question

У меня есть небольшая кнопка в моем навигационном заголовке, которая открывается панель при нажатии, но как я могу сделать так, чтобы при прокрутке справа от середины приложения она открывала левую панель? Вы можете увидеть это во многих родных приложениях, включая Facebook. Спасибо за любую помощь!

Answer 1

Я думаю, что это то, что вы хотите (вы можете уточнить селектор для области салфетки) -

$('body').on('swiperight', function() { 
    $('#defaultpanel').panel('open', ''); 
}); 

$('body').on('swipeleft', function() { 
    $('#defaultpanel').panel('close'); 
}); 

jsFiddle Demo

Answer 2

Слушайте красть события swipeleft и swiperight и, соответственно, открытые панели $('#id').panel('open').

Demo

$(document).on('swipeleft swiperight', function (e) { 
    if (e.type == 'swiperight') { 
    $('#left').panel('open'); 
    } 
    if (e.type == 'swipeleft') { 
    $('#right').panel('open'); 
    } 
}); 

Answer 3

$(document).on("pageinit", "#demo-page", function() { 
    $(document).on("swipeleft swiperight", "#demo-page", function(e) { 
     // We check if there is no open panel on the page because otherwise 
     // a swipe to close the left panel would also open the right panel (and v.v.). 
     // We do this by checking the data that the framework stores on the page element (panel: open). 
     if ($.mobile.activePage.jqmData("panel") !== "open") { 
      if (e.type === "swipeleft" ) { 
       $("#right-panel").panel("open"); 
      } else if (e.type === "swiperight") { 
       $("#left-panel").panel("open"); 
      } 
     } 
    }); }); 

здесь документация: http://view.jquerymobile.com/1.3.0/docs/examples/panels/panel-swipe-open.php#&ui-state=dialog