建議在Bootstrap 3中啓用觸摸事件的方式？

Question

既然Bootstrap 3出來了，啓用觸摸的推薦選項是什麼？ As before，bootstrap.js中沒有很多觸摸事件，儘管它應該是一個移動的第一個框架。

github上的最後一件事I've found建議使用fastclick.js，但這是在v3.0發佈之前。

Answer 1

我的建議是使用Bootstrap以及JQuery mobile，TouchSwipe或Hammer.js。引導式觸摸傳送帶的示例可以在here找到。

Answer 2

開始在GitHub上開始另一個完全正常工作的Touch Carousel。這還包括拖動事件...

Answer 3

儘管我相信bootstrap是一個css框架的笑話， ，尤其是由於沒有multilevelled導航。

如果你有選擇，我可能會同意別人去用一些不同的旋轉木馬。 從我的經驗來看，JQuery移動工作將會非常流暢，但我的網站並不是沿着jquery移動平臺構建的，而屬於它的css真的讓人感到困惑。

<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

希望此舉甚至在瀏覽器它幫助

TomHre