在jQuery循环插件中使用多个寻呼机
是否可以使用cycle插件jQuery为幻灯片放映提供多个寻呼机元素?例如,在这个项目中,我需要有一个页面上方和下方的幻灯片。下面的代码工作正常,但当我尝试使用jQuery的clone()函数“克隆”导航(prev、next和pager)时,寻呼机将无法工作(尽管prev和next链接集都可以工作)在jQuery循环插件中使用多个寻呼机,jquery,jquery-plugins,cycle,Jquery,Jquery Plugins,Cycle,是否可以使用cycle插件jQuery为幻灯片放映提供多个寻呼机元素?例如,在这个项目中,我需要有一个页面上方和下方的幻灯片。下面的代码工作正常,但当我尝试使用jQuery的clone()函数“克隆”导航(prev、next和pager)时,寻呼机将无法工作(尽管prev和next链接集都可以工作) var$pager=$('').prependTo(“div.vg-nav”), $prev=$('').prependTo(“div.vg-nav”), $next=$('').prependTo
var$pager=$('').prependTo(“div.vg-nav”),
$prev=$('').prependTo(“div.vg-nav”),
$next=$('').prependTo(“div.vg-nav”);
$prev.add($next.wrapAll)('');
$(“div.vg-nav”).clone().insertAfter(“div.vg-items”);
美元(“div.vg-items”)。周期({
沪指:$prev,
下一个:$next,
寻呼机:$寻呼机
});
上面的代码是一个精简版本,以保持文章简短和切中要害!:) 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"
});
$("div.vg-items").cycle({
prev: "a.p",
next: "a.n",
pager: "span.pager"
});