Question

我正在尝试使用$ .each循环来实例化多个滑块，但由于某种原因，我无法调用该对象的方法/函数。

现在这就是它的名称：

var mySwiper = new Swiper('.swiper-container',{
  calculateHeight: true,
  loop: true,
  speed: 1000
  //moveStartThreshold: 200
})
$('.arrow-left').on('click', function(e){
  e.preventDefault()
  mySwiper.swipePrev()
})

这就是我想要做的事情

var swiper_objects = new Array();

$('.case-showcase .swiper-container').each(function(index){
  $(this).addClass( "sc-" + index );


  swiper_objects[index] = new Swiper('.swiper-container-' + index,{
    calculateHeight: true,
    loop: true,
    speed: 1000
  });

  $('.jq-case-showcase-' + index + ' .arrow-left').on('click', function(e){
    alert(swiper_objects[index]);
    e.preventDefault();
    swiper_objects[index].swipePrev();
  });

  //window["temp_" + data] = new Array();
  console.log('console: ' + index);

});

我得到的错误是：swiper_objects [index] .swipePrev不是函数。

如何解决此问题。如果for循环更好，那也是一个可行的选择。

Answer 1

在测试后竖起大拇指我回去了，我看到了一些小错字。这只是代码的一部分，错误更进一步。修正了它们，一切都很好。

对于那些有同样问题的人，上面的代码确实有效！

感谢Arun P John。

使用$ .each实例化多个对象

1 个答案: