你好,我正在尝试在一个页面上拥有多个 jquery 循环画廊。我觉得我的代码是正确的,但它不起作用......任何人都可以查看并提供帮助吗?它似乎没有找到我的 .next 和 .prev 类(class)?
jquery:
$('.cycle').each(function() {
var slideshow = $(this);
var next = slideshow.closest('.next');
var prev = slideshow.closest('.prev');
slideshow.cycle({
speed: 0,
timeout: 0,
next: next,
prev: prev,
});
});
html:
<div id="woodwood" class="drag">
<div class='cycle'>
<img src='invites/baldi.png' />
<img src='invites/koerfer.png' />
<img src='invites/williams.png' />
</div>
<div class="title">
Invites<br />
2010 — 2012
</div>
<div class="controls">
<a class='prev'><img src="left.gif"></a>
<a class='next'><img src="right.gif"></a>
<button>Close</button>
</div>
</div>
最佳答案
closest
选择最近的父元素而不是最近的元素,您可以使用find
方法。
var next = slideshow.parent().find('.next');
var prev = slideshow.parent().find('.prev');
请注意,ID 必须是唯一的,如果您有多个 ID 为 woodwood
的包装器,则您的标记无效。
关于jquery循环,页面多个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13172265/