बूटस्ट्रैप 3 में स्पर्श घटनाओं को सक्षम करने के लिए अनुशंसित तरीका?

Question

अब बूटस्ट्रैप 3 बाहर है, स्पर्श सक्षम करने के लिए अनुशंसित विकल्प क्या है? As before, bootstrap.js में कई स्पर्श ईवेंट नहीं हैं, हालांकि यह मोबाइल पहले फ्रेमवर्क माना जाता है।

पिछली बात I've found github पर fastclick.js का उपयोग करने का सुझाव देती है, लेकिन यह v3.0 रिलीज़ से पहले थी।

Answer 1

मेरी सिफारिश JQuery मोबाइल, टचस्वाइप, या हैमर.जेएस के साथ बूटस्ट्रैप का उपयोग करना है। बूटस्ट्रैप टच कैरोसेल का एक उदाहरण here पाया जा सकता है।

Answer 2

गिटहब पर एक और पूरी तरह से काम कर रहे Touch Carousel पर काम करना प्रारंभ करें। इसमें ड्रैग इवेंट भी शामिल हैं ...

Answer 3

मेरा मानना ​​है कि बूटस्ट्रैप एक सीएसएस फ्रेमवर्क का मजाक है, विशेष रूप से कोई बहुस्तरीय नेविगेशन के कारण।

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

<script> 
    $(document).ready(function() { 
     $('.carouselresp').carousel({'data-interval': 6000, 'data-pause': "hover"}); 
     var clicking = false; 
     var currentMousePos = 0; 
     var newMousePos = 0; 

     $('.carouselresp img').on('mousedown', function(event) { 
      clicking = true; 
      currentMousePos = event.pageX; 
     }); 

     $('.carouselresp img').on('touchstart', function(event) { 
      clicking = true; 
      var touchstart = event.originalEvent.touches[0]; 
      currentMousePos = touchstart.pageX; 
     }); 

     $(document).on('mouseup', function(event) { 
      clicking = false; 
     }); 

     $('.carouselresp img').on('touchend', function(event) { 
      clicking = false; 
     }); 

     $(document).on('mousemove', function(event) { 
      if (!clicking) { 
       return; 
      }else { 
       if (event.pageX < currentMousePos) { 
        if ((currentMousePos - event.pageX) > 50) { 
         $('.carouselresp').carousel('next'); 
         clicking = false; 
        } 
       } else { 
        if ((event.pageX - currentMousePos) > 50) { 
         $('.carouselresp').carousel('prev'); 
         clicking = false; 
        } 
       } 
      } 
     }); 

     $('.carouselresp img').on('touchmove', function(event) { 
      var touch = event.originalEvent.touches[0]; 
      if (!clicking) { 
       return; 
      }else { 
       if (touch.pageX < currentMousePos) { 
        if ((currentMousePos - touch.pageX) > 50) { 
         $('.carouselresp').carousel('next'); 
         clicking = false; 
        } 
       } else { 
        if ((touch.pageX - currentMousePos) > 50) { 
         $('.carouselresp').carousel('prev'); 
         clicking = false; 
        } 
       } 
      } 
      event.preventDefault(); 
     }); 
    }); 


</script> 

भी Android और iPhone पर मेरे लिए ठीक काम करता है, के साथ साथ मुझे कोई स्पर्श समर्थन

मूल संस्करण यहां पाया जा सकता

goo.gl/2SIOJj

आशा के साथ भी ब्राउज़रों में कदम की इजाजत दी हूँ इससे

टॉमहेर