Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 滑动条不显示第一个元素_Javascript_Wordpress_Slick.js - Fatal编程技术网

Javascript 滑动条不显示第一个元素

Javascript 滑动条不显示第一个元素,javascript,wordpress,slick.js,Javascript,Wordpress,Slick.js,因此,我确实在与一个主题中实现的最新的光滑旋转木马进行斗争。这就是JS的外观: function slickSetup() { $(".swiper-container").each(function() { // Slick Variable var $ts = $(this); var $slickActive = $(this).find('.swiper-wrapper'); var $sliderNumbe

因此,我确实在与一个主题中实现的最新的光滑旋转木马进行斗争。这就是JS的外观:

function slickSetup() {

    $(".swiper-container").each(function() {

      // Slick Variable
      var $ts = $(this);
      var $slickActive = $(this).find('.swiper-wrapper');
      var $sliderNumber = $(this).siblings('.slider-number');

      // Show Slider Number
      $slickActive.on('init reInit afterChange', function(event, slick, currentSlide) {
        var i = (currentSlide ? currentSlide : 0) + 1;
        $sliderNumber.find('span').text(i);
        // $sliderNumber.find('b').text(slick.slideCount);
      });

      // Auto Play
      var autoPlayVar = parseInt($ts.attr('data-autoplay'), 10);
      // Auto Play Time Out
      var autoplaySpdVar = 3000;
      if (autoPlayVar > 1) {
        autoplaySpdVar = autoPlayVar;
        autoPlayVar = 1;
      }
      // Slide Change Speed
      var speedVar = parseInt($ts.attr('data-speed'), 10);
      // Slider Loop
      var loopVar = Boolean(parseInt($ts.attr('data-loop'), 10));
      // Slider Center
      var centerVar = Boolean(parseInt($ts.attr('data-center'), 10));
      // Pagination
      var paginaiton = $ts.children().hasClass('pagination');
      // Slide Per View
      var slidesPerView = $ts.attr('data-slides-per-view');
      if (slidesPerView == 1) {
        slidesPerView = 1;
      }
      if (slidesPerView == 'responsive') {
        var slidesPerView = parseInt($ts.attr('data-add-slides'), 10);
        var lgPoint = parseInt($ts.attr('data-lg-slides'), 10);
        var mdPoint = parseInt($ts.attr('data-md-slides'), 10);
        var smPoint = parseInt($ts.attr('data-sm-slides'), 10);
        var xsPoing = parseInt($ts.attr('data-xs-slides'), 10);
      }

      // Slick Active Code
      $slickActive.slick({
        autoplay: autoPlayVar,
        dots: paginaiton,
        centerPadding: '0',
        speed: speedVar,
        infinite: loopVar,
        autoplaySpeed: autoplaySpdVar,
        centerMode: centerVar,
        prevArrow: $ts.find('.swiper-arrow-left'),
        nextArrow: $ts.find('.swiper-arrow-right'),
        appendDots: $ts.find('.pagination'),
        slidesToShow: slidesPerView,
        responsive: [{
            breakpoint: 1600,
            settings: {
              slidesToShow: lgPoint
            }
          },
          {
            breakpoint: 1200,
            settings: {
              slidesToShow: mdPoint
            }
          },
          {
            breakpoint: 992,
            settings: {
              slidesToShow: smPoint
            }
          },
          {
            breakpoint: 768,
            settings: {
              slidesToShow: xsPoing
            }
          }
        ],
        customPaging: function(slider, i) {
          $sliderNumber.find('b').text(i + 1);
        }
      });
    })
  }

有什么问题吗?无论我添加了多少张幻灯片,它总是跳过第一张幻灯片(我通过Wordpress添加图片)。我试图改变图片,但问题仍然存在。因此,我发现负责选择活动幻灯片的代码可能存在问题。预览网站位于此处:。旋转木马的标题是“zaufali nam”。

Hi,这是因为它没有在首字母上显示第一张幻灯片吗?所以它是从“蔬菜盒”开始的,还是第一个图像在那里根本看不见?顺便说一句,bardzoładny strona,sama projektowaśaś?:)@是的,这是第一例!乍一看它是不可见的,它是从vege box开始的,但如果您单击并向右滑动,将显示真正的第一张幻灯片。谢谢你/哲库吉!:)