单击“下一个”或“上一个”箭头后,滑动滑块中的自动播放停止工作

时间:2018-04-06 13:42:29

标签: slider slick.js slick-slider

我的页面上有一个光滑的滑块。单击滑动滑块自动播放中的下一个或上一个箭头后停止工作。但是,当我点击页面上的任何位置时,它会再次开始自动播放。我怎么解决这个问题?我需要在箭头点击后进行自动播放。

JS:

    jQuery(document).ready(function ($) {

    var $slider = $('.slider');
    if ($slider.length) {
        $slider.slick({
            slidesToShow: 7,
            slidesToScroll: 1,
            autoplay: true,
            autoplaySpeed: 1500,
            responsive: [
                {
                    breakpoint: 1024,
                    settings: {
                        slidesToShow: 3,
                        slidesToScroll: 3,
                        infinite: true,
                        autoplay: true,
                        autoplaySpeed: 1500
                    }
                },
                {
                    breakpoint: 600,
                    settings: {
                        autoplay: true,
                        autoplaySpeed: 1500,
                        slidesToShow: 2,
                        slidesToScroll: 2
                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1,
                        autoplay: true,
                        autoplaySpeed: 1500
                    }
                }
            ]
        });
    }
});

1 个答案:

答案 0 :(得分:1)

要解决这个需要添加:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/edit_content"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical">
  <!--fragment
      android:id="@+id/edit_frag"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      class="com.nohkumado.aikiexamen.EditPersonaliaFrag"
      /-->
  <TextView
      android:id="@+id/fragplaceholder"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:text="PlaceHolder" />
 </LinearLayout>