w3school

Question

से स्लाइड शो के लिए स्वाइपराइट और स्वाइप बाएं जेस्चर मुझे jquery swiperight और swipeleft संकेतों के साथ समस्या है।

मेरे पास दो स्लाइडशो हैं, पहला बूटस्ट्रैप कैरोसेल है और दूसरा एक w3school से प्रेरणा है।

(codepen)

मैं इस पृष्ठ पर कहीं बूटस्ट्रैप के लिए अच्छा समाधान मिल गया। कोड यहाँ है। यह सही काम करता है।

$(document).ready(function() { 
    $(".carousel").swiperight(function() { 
     $(this).carousel('prev'); 
    }); 
    $(".carousel").swipeleft(function() { 
     $(this).carousel('next'); 
    }); 
}); 

लेकिन मैं इस कोड को चाहते हैं, तो शामिल हैं और यह काम नहीं करेगा w3school से कोड को modificate। इसलिए मैं कुछ इस तरह की कोशिश की (यह codepen में काम नहीं करेगा मैं पता नहीं क्यों ..)

$(function(){ 
      $(".news-slide-content-img").on("swipeleft", swipeleftHandler); 
      $(".news-slide-content-img").on("swiperight", swiperightHandler); 
      function swipeleftHandler(){ 
       plusSlides(1).css('display', 'block'); 
      } 
      function swiperightHandler(){ 
       plusSlides(-1).css('display', 'none'); 
      } 
     }); 

अगर मैं यह स्वाइप यह एक से अधिक छवियों स्वाइप करें।

कोई भी विचार इस इशारा समस्या को हल करने के लिए कैसे करें?

यहाँ codepen

Answer 1

है यह jQuery संस्करण का सिर्फ एक मामला है। समारोह swipeleft और swiperight के प्रलेखन का उपयोग करना, jQuery के इन संस्करणों मुद्दे को हल:

src="//code.jquery.com/jquery-3.2.1.min.js"></script> 
    <script src="//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.js"></script> 

हालांकि, अगर आप भी समारोह swipeleftHandler और swipeleftHandler लिखने में कोई गलती है, क्या आप इन परिवर्तनों पर विचार कर सकते हैं:

function swipeleftHandler(){ 
    plusSlides(1); 
    } 
    function swiperightHandler(){ 
    plusSlides(-1); 
    } 

आप इस काम कर टुकड़ा पर एक नजर है कर सकते हैं: -> `<लिंक rel =" स्टाइलशीट "href https://codepen.io/edkeveked/pen/ypyJJX

अच्छी तरह से सबसे पहले