Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在jQuery循环插件中使用多个寻呼机_Jquery_Jquery Plugins_Cycle - Fatal编程技术网

在jQuery循环插件中使用多个寻呼机

在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

是否可以使用cycle插件jQuery为幻灯片放映提供多个寻呼机元素?例如,在这个项目中,我需要有一个页面上方和下方的幻灯片。下面的代码工作正常,但当我尝试使用jQuery的clone()函数“克隆”导航(prev、next和pager)时,寻呼机将无法工作(尽管prev和next链接集都可以工作)

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"
});