【问题标题】:Instantiate multiple objects with $.each使用 $.each 实例化多个对象
【发布时间】:2014-12-29 23:04:06
【问题描述】:

我正在尝试使用 $.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 循环会更好,那也是一个可行的选择。

【问题讨论】:

标签: javascript jquery each


【解决方案1】:

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

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

感谢阿伦 P 约翰。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-08-29
    • 1970-01-01
    相关资源
    最近更新 更多