विशिष्ट तत्व

Question

पर JQuery मोबाइल स्वाइप ईवेंट को रोकें मैं jquery मोबाइल का उपयोग कर रहा हूं और मुझे विशिष्ट तत्व पर स्वाइप ईवेंट को रोकने की आवश्यकता है। ऐसा करने की आवश्यकता इसलिए है क्योंकि मैं स्लाइडर का उपयोग कर रहा हूं और मैं नहीं चाहता कि स्वाइप ईवेंट को सांस लगाया जाए। जब मैं स्लाइडर के साथ छेड़छाड़ कर रहा हूं तो मैं इसे रोकना चाहता हूं। मुझे कोई समाधान भी नहीं मिला, इसलिए मैं यहां मदद मांग रहा हूं।

यह मेरा जावास्क्रिप्ट कोड है:

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

धन्यवाद।

Answer 1

आपको stopPropagation(); और preventDefault(); दोनों का उपयोग करने की आवश्यकता है।

.selector का सवाल है, यह एक टैग हो सकता है और #ID या .class, उदा [data-role=page]#PageID, div.ui-content ... आदि

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

• संदर्भ: stopPropagation();

• संदर्भ: preventDefault();

• Working example

खैर मेरे मामले में