如何在启动时通过触摸（或鼠标）在滑动条中启用滑动图像？

Question

如何在自举中启用触摸幻灯片？

例如：this

，这是JS脚本：

$(document).ready(function() { 
    $('#myCarousel').carousel({ 
     interval: 4000 
    }); 

    var clickEvent = false; 
    $('#myCarousel').on('click', '.nav a', function() { 
      clickEvent = true; 
      $('.nav li').removeClass('active'); 
      $(this).parent().addClass('active');   
    }).on('slid.bs.carousel', function(e) { 
     if(!clickEvent) { 
      var count = $('.nav').children().length -1; 
      var current = $('.nav li.active'); 
      current.removeClass('active').next().addClass('active'); 
      var id = parseInt(current.data('slide-to')); 
      if(count == id) { 
       $('.nav li').first().addClass('active');  
      } 
     } 
     clickEvent = false; 
    }); 
}); 

怎么能行呢？

Answer 1

Tutorial

您将获得jQuery Mobile。一旦jQuery Mobile被下载（或创建;您可以选择启用触摸事件来减小文件大小，here）。

下面是一些代码，你可以用它来刷卡转盘：

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

希望工程。