jquery-mobile - 特定の要素に対するJQuery Mobileスワイプイベントを防止する

Question

jquery モバイルを使用していますが、特定の要素に対するスワイプ イベントを防止する必要があります。これを行う必要があるのは、スライダーを使用していて、スワイプイベントを個別に呼び出したくないためです。ユーザーがスライダーで操作しているときに防止したい。私も解決策を見つけることができなかったので、ここで助けを求めています。

これは私のJavaScriptコードです:

$( 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" );
      }
    }
  });
});

ありがとうございました。