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>

结束时停止滑动

1 个答案: