javascript - 菜鸟 Jquery 移动 js

Question

我对 js 和 jqm 还很陌生。所以我有一个基本脚本，当我滚动侧面时，它会打开一个面板。我在所有页面上使用#panel，但该脚本仅适用于第一页。使该页面永远有效的最佳方法是什么？我必须将其包含在每页的末尾吗？我应该单独命名每个面板并执行(“#panel，#panel2”)等操作吗？

<script>
$( document ).on( "pageinit", document, function() {
    $( document ).on( "swipeleft", document, function( e ) {

        if ( $.mobile.activePage.jqmData( "panel" ) !== "open" ) {
            if ( e.type === "swipeleft"  ) {
               $( "#mypanel" ).panel( "open" );
            }
        }
    });
});    
</script>

Answer 1

如果您对所有面板使用相同的面板 id，则应使用 $.mobile.activePage.find('#id').panel('open')页。另外，您应该向每个页面添加面板。

Demo

$(document).on("swipeleft", '[data-role=page]', function (e) {
  if (!$.mobile.activePage.hasClass('ui-page-panel-open') && e.type == "swipeleft") {
    $.mobile.activePage.find("#panel").panel("open");
  }
});