是否可以使用jQuery的循环插件为幻灯片显示多个寻呼机元素?例如,在这个项目中,我需要在幻灯片放映的上方和下方有一个寻呼机。下面的代码工作正常,但是当我尝试使用jQuery的clone()函数“克隆”nav(prev,next和pager)时,寻呼机将无法工作(尽管两组prev和next链接都有效)。
var $pager = $('<span class="pager"></span>').prependTo("div.vg-nav"),
$prev = $('<a href="" class="p">Previous</a>').prependTo("div.vg-nav"),
$next = $('<a href="" class="n">Next</a>').prependTo("div.vg-nav");
$prev.add($next).wrapAll('<span class="nav"></span>');
$("div.vg-nav").clone().insertAfter("div.vg-items");
$("div.vg-items").cycle({
prev: $prev,
next: $next,
pager: $pager
});
上面的代码是一个精简版本,以保持帖子的简短和重点! :)
答案 0 :(得分:0)
Mike Alsup发布了一个新版本(2.73)以支持多个寻呼机进行幻灯片放映。但是在我的例子中,它不能正常工作,可能是因为prev / next / pager项被附加到标记并作为JS变量存储/引用。一旦我将代码更改为引用prev / next / pager类名(如下所示),而不是JS变量,它就有用了!
$("div.vg-items").cycle({
prev: "a.p",
next: "a.n",
pager: "span.pager"
});