Uncaught TypeError: Cannot read property 'tween' of undefined - Masterslider.js

Question

我正在使用主滑块并且在单个页面中有三个滑块。我也在使用 Fullpage.js

var slider = new MasterSlider();
slider.setup('masterslider', {
  width: 300,
  height: 300,
});

slider.control('lightbox');

slider.control('slideinfo', {
  insertTo: '#staff-info2'
});    
$(document).ready(function() {        
  $("a[rel^='prettyPhoto']").prettyPhoto();    
});

var slider1 = new MasterSlider();
slider1.setup('masterslider1', {
  loop: true,
  width: 220,
  height: 420,

});

slider1.control('arrows');
slider1.control('slideinfo', {
  insertTo: '#staff-info'
});

var slider2 = new MasterSlider();
slider2.setup('masterslider2', {
  loop:true,
  width:240,
  height:240,
  view:'flow'
});
//  slider.control('arrows');
slider2.control('slideinfo', {
  insertTo: '#staff-info1'
});

这些是对这三个滑块的调用每件事都工作得很好但是对于未定义的 'tween' 有控制台错误这是在 masterslider.js 文件

中定义错误的行

    p.__show = function(ele){
    ele.appendTo(this.$element).css('opacity','0');
    CTween.fadeIn(ele , MSSlideInfo.fadeDuratation );
    if(ele[0].tween)ele[0].tween.stop(true);
    this.current_ele = ele;
};

Answer 1

ele 是一个长度为 0 的数组。 ele[0] 未定义。您需要更改行

if(ele[0].tween)ele[0].tween.stop(true);

到

if(ele.length > 0 && ele[0].tween)ele[0].tween.stop(true);

Answer 2

sliderinfo 在幻灯片中查找带有 ms-info class 的元素，然后在 div (staff-info1);

中显示它

要么删除 slideinfo 信息配置，要么在每张幻灯片中添加 ms-info class。 slider2.control('slideinfo', { insertTo: '#staff-info1' });

例子 ...

  <h4 class="ms-layer ms-info stext7" style="left: 130px; top: 470px;" data-type="text" data-duration="900" data-delay="2500" data-ease="easeOutExpo" data-effect="bottom(40)">
 this is a slide.
                </h4>

Uncaught TypeError: Cannot read property 'tween' of undefined - Masterslider.js

Uncaught TypeError: Cannot read property 'tween' of undefined - Masterslider.js

javascript

jquery

slider