结束时停止幻灯片

Question

我正在使用 idangero 滑块，我想在到达第二个滑块时停止滑块。 （滑块：http://www.idangero.us/sliders/swiper/api.php）

用户应该只能滑动一次，之后用户就不能再滑动了。 你可以在这里看到一个例子：www.bvweijen.nl/23g/slider/index.php

这是一个移动滑块。

我试过这个：

  <script>
            var mySwiper = new Swiper('.swiper-container',{
               speed : 800,
               grabCursor: true,
               paginationClickable: true,
               onSlideChangeEnd : function() {
               if(mySwiper.activeIndex > 0){
                    mySwiper.params.noSwiping = true
                }
                //alert('OMG you touch the slide!') 
           },
        })
    </script>

他能找到activeIndex，但是noSwiping = true 不行。

我希望有人可以帮助我。

Answer 1

您没有正确阅读 API 文档。在您的辩护中，不清楚“防止元素滑动”会做什么。无论如何，这是状态：

noSwiping: If true, then you can add "noSwipingClass" class to swiper's slide to prevent/disable swiping on this element.

这意味着您必须设置一个将是noSwipingClass 的类，并且您必须事先设置noSwiping = true。试试这样的：

<script>
        var mySwiper = new Swiper('.swiper-container',{
           noSwiping: true,
           noSwipingClass: 'do_not_swipe',
           speed : 800,
           grabCursor: true,
           paginationClickable: true,
           onSlideChangeEnd : function() {
           if(mySwiper.activeIndex > 0){
                $('.swiper-container').addClass('do_not_swipe);
            }
            //alert('OMG you touch the slide!') 
       },
    })
</script>