我有一个单页,其中有多个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'
提前致谢!