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

我认为你应该尝试一下：

$( document ).on( "swipeleft", $.mobile.activePage, function( e )

Answer 2

如果您对所有网页使用相同的面板 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");
  }
});

Noobie Jquery手机js

2 个答案: