2014-11-03 138 views
1

多个对象,我试图用一个$。每次循环来实例化多个滑块,但由于某些原因,我不能调用对象的方法/函数。

这是它是如何现在叫:

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 [指数] .swipePrev不是一个函数。

我该如何解决这个问题。如果for-loop会更好,那也是一个可行的选择。

+1

看起来不错 - http://jsfiddle.net/arunpjohny/qv7hnycu/1/ – 2014-11-03 10:06:18

回答

0

有一个竖起大拇指的测试后,我回去的,我看到了一些微小的错字的。这只是代码的一部分,错误还在后面。修正它们,现在一切都很好。

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

谢谢Arun P John。