JQuery Mobile tokatlama olayını belirli bir öğenin üzerine engelle

Question

JQuery mobile kullanıyorum ve belirli öğe üzerinde kaydırma olayını önlemem gerekiyor. Bunu yapmanın gerekmesi, kaydırıcıyı kullanıyorum ve kaydırma olayının çağrılan resp istemesini istemiyorum. Kullanıcının kaydırıcı ile işlediği zaman engellenmesini istiyorum. Ben de herhangi bir çözüm bulamadım bu yüzden burada yardım istiyorum.

Bu benim javascript kodu:

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

teşekkür ederiz.

Answer 1

Her ikisini de kullanmanız gerekir, stopPropagation(); ve preventDefault();.

.selector gelince, o ve No. ID veya .class, örneğin bir etiketi olabilir [data-role=page]#PageID, div.ui-content ... vb

$(document).on('swipeleft swiperight', '.selector', function(event) { 
event.stopPropagation(); 
event.preventDefault(); 
}); 

• Referans: stopPropagation();

• Referans: preventDefault();

• benim durumumda Eh

  Working example