小编lio*_*410的帖子

我有jquery swiperight和swipeleft手势的问题.

我有两个幻灯片,第一个是Bootstrap Carousel,第二个是来自w3school的灵感.

(codepen)

我在这个页面的某个地方找到了Bootstrap的好解决方案.这是代码.它完美无缺.

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

但如果我想从w3school代码中包含这个代码包含和modificate代码,它将无法正常工作.所以我尝试了类似的东西(它不会在codepen中工作,我不知道为什么......)

$(function(){
            $( ".news-slide-content-img" ).on( "swipeleft", swipeleftHandler );
            $( ".news-slide-content-img" ).on( "swiperight", swiperightHandler );
            function swipeleftHandler( ){
                plusSlides(1).css('display', 'block');
            }
            function swiperightHandler( ){
                plusSlides(-1).css('display', 'none');
            }
        });

如果我滑动它,它会扫描比一个更多的图像.

任何想法如何解决这个手势问题？

这是codepen