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

标签 javascript jquery each

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

现在是这样称呼的:

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 循环更好,那也是一个可行的选择。

最佳答案

在你的测试后我竖起了大拇指,我回去发现了一些微小的拼写错误。这只是代码的一部分,错误还在后面。修复了它们,现在一切都很好。

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

谢谢阿伦·P·约翰。

关于javascript - 使用 $.each 实例化多个对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26711733/

相关文章:

Javascript - 在两个图像之间切换

javascript - 如何获取canvas中图像的Id

jquery - jquery或symfony2上的图片存储库

javascript - 附加任何元素时 Div 高度不会增加

javascript - 对 jQuery 的 .each() 的基本误解(附示例)

javascript - Jquery:选择一个 href 链接并使用 'each' 方法进行导航

javascript - 在动态表单 jquery 中隐藏所选选项

javascript - 检查 AngularJs 中的互联网连接并显示 PopUp

javascript - 具有键盘导航行为的 Jquery 自定义画廊

jQuery - 使用每个获取标题属性