Javascript Swipe.js-上一期/下一期

我有一个页面，其中运行着多个Swipe.js实例。它们是通过CMS动态加载的，因此硬编码值实际上是不可能的

我遵循了另一篇文章中概述的步骤：

我可以让一切都正常工作，除了最后一部分，他们谈到为每个玩家动态加载上一个/下一个控件

我使用以下工具创建多个滑块：

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计数器的工作做得很好，但由于某种原因，当我单击prev/next按钮时，会出现以下控制台错误：

未捕获的TypeError:对象没有方法“next”

---

提前谢谢

我忘了提到最初的代码片段正在加载到Document Ready中。您能给我们看一个实例吗，或者是一个例子？或者至少是生成的代码？我通过将var swipes=[]移到document.ready函数之外并修改onclick snytax来修复它。