Ngăn sự kiện vuốt trên thiết bị di động JQuery qua phần tử cụ thể

Question

Tôi đang sử dụng thiết bị di động jquery và tôi cần phải ngăn sự kiện vuốt qua phần tử cụ thể. Cần làm điều này là bởi vì tôi đang sử dụng thanh trượt và tôi không muốn sự kiện vuốt được gọi là resp. Tôi muốn nó được ngăn chặn khi người dùng thao tác với thanh trượt. Tôi đã không thể tìm thấy bất kỳ giải pháp vì vậy tôi yêu cầu giúp đỡ ở đây.

Đây là mã javascript của tôi:

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

Cảm ơn bạn.

Answer 1

Bạn cần sử dụng cả hai, stopPropagation(); và preventDefault();.

Đối với .selector, nó có thể là một thẻ và #ID hoặc .class, ví dụ [data-role=page]#PageID, div.ui-content ... vv

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

• tham khảo: stopPropagation();

• tham khảo: preventDefault();

• Working example