Javascript 如何在引导中通过触摸（或鼠标）在幻灯片中启用滑动图像？

如何在引导中启用触摸滑动

例如：

这是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;
    });
});

怎么做呢？

你得去拿。下载jQuery Mobile后（或创建jQuery Mobile后，您可以选择启用触摸事件以减小文件大小）

以下是一些代码，您可以使用这些代码来滑动传送带：

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

---

希望它能起作用。

谢谢你的回答……但是你认为我必须只为一张刷卡图片使用一个沉重的js库吗？有没有像photosweep.com/这样更轻的库，但我想用原生引导插件来实现……我相信jQuery移动库非常轻，在您选择了所需的部件之后。谢谢。我现在明白你的意思了。大小只有8KB，没关系。你试过什么？那有用吗？出了什么问题？你有什么错误吗？您需要在问题中包含此信息。请阅读本指南，以确保您的问题尽可能得到回答：