Twitter引导程序和轮播触摸

时间:2014-06-19 11:53:34

标签: twitter-bootstrap

我已经看过如何在bootstrap touhch / swipe中制作旋转木马的解决方案。但我使用的任何解决方案都不适合我。滑块仍然死亡,仅适用于箭头。 使用jquery mobile的解决方案:

<script src="js/jquery.mobile-1.4.2.js"></script>

<script>
$(document).ready(function() {
$("#carousel-example-generic").swiperight(function() {
  $(this).carousel('prev');
});
$("#carousel-example-generic").swipeleft(function() {
  $(this).carousel('next');
});
});  
</script>

我的旋转木马是

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

谢谢!

1 个答案:

答案 0 :(得分:0)

这可能会有所帮助: http://lazcreative.com/blog/how-to/how-to-adding-swipe-support-to-bootstraps-carousel/

<script src=”jquery.mobile.custom.min.js”></script> 

<script>  
$(document).ready(function() {  
   $("#myCarousel").swiperight(function() {  
      $("#myCarousel").carousel('prev');  
    });  
   $("#myCarousel").swipeleft(function() {  
      $("#myCarousel").carousel('next');  
   });  
});  
</script> 
相关问题