Swipe.js - 上一期/下一期

时间:2013-11-18 09:06:56

标签: javascript jquery slider swipe

我有一个单页,其中有多个Swipe.js实例正在运行。它们是通过CMS动态加载的,所以硬编码值实际上是不可能的。

我已按照其他帖子中列出的步骤操作: Generate Swipe JS slider for each slider DIV

除了最后一部分他们谈论动态加载每个玩家的上一个/下一个控件时,我可以让一切正常。

我创建了多个滑块:

var swipes = []
$('.slider').each(function(i, obj) {
    swipes[i] = new Swipe(obj);
});

然后在构造每个滑块的模板代码中,我有以下内容:

<?php $counter = 1; ?>

<div id="swipes<?php echo $counter; ?>" class='slider swipe gallery'>

    <div class='swipe-wrap'>

        //Images go here

    </div>

    <div>  
        <button onclick='swipes<?php echo $counter; ?>.prev()'>prev</button> 
        <button onclick='swipes<?php echo $counter; ?>.next()'>next</button>
    </div>

<?php $counter++; ?>

</div>

PHP计数器完美地完成了它的工作,但出于某种原因,当我点击上一个/下一个按钮时,我得到以下控制台错误:

  

未捕获的TypeError:对象#没有方法'next'

提前致谢!

0 个答案:

没有答案