JQuery循环复杂化

Question

我玩过并实现了JQuery循环来创建带图像的轮播，但到目前为止，还没有HTML内容。我知道它适用于HTML，根据页面底部的演示

http://malsup.com/jquery/cycle/int2.html

但是因为它将子DIVS分别解析为单个幻灯片，所以HTML内容不能包含任何DIVS。有没有办法使用DIV以外的东西在DIV中定位内容？

Answer 1

如果您查看options page，您会看到slideExpr的条目，其中包含评论“用于选择幻灯片的表达式（如果需要除了所有孩子之外的其他内容）”。所以你可以给所有顶级幻灯片容器一个类（比如slide），然后传递给它：

$('#slideshow').cycle({ slideExpr: '.slide' });

虽然看起来默认为“所有孩子”，但即使在默认设置下，sub-div也不应该成为问题。 source code确认了这一点：

var $cont = $(this);
var $slides = opts.slideExpr ? $(opts.slideExpr, this) : $cont.children();

如果您传入幻灯片表达式，则会使用该表达式，否则它会使用children()，只会向下导航单个级别。