jquery - jQuery 循环复杂化

Question

我已经玩过并实现了 JQuery 循环来创建带有图像的轮播，但目前还没有 HTML 内容。根据页面底部的演示，我知道它可以与 HTML 一起使用

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

但由于它将子 DIVS 单独解析为单独的幻灯片，因此 HTML 内容不能包含任何 DIVS。有没有使用 DIV 以外的东西在 DIV 中定位内容的方法？

Answer 1

如果您查看选项页面，您将看到一个slideExpr带有注释“用于选择幻灯片的表达式（如果需要除所有子项之外的其他内容）”的条目。因此，您可以为所有顶级幻灯片容器提供一个类（slide例如），然后将其传入：

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

虽然看起来默认是“所有孩子”，但即使在默认设置下，子 div 也不应该成为问题。源代码证实了这一点：

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

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