在jQuery循環插件中使用多個尋呼機

Question

使用jQuery的循環插件可以爲幻燈片顯示多個分頁元素嗎？例如，在這個項目中，我需要在幻燈片上方和下方有一個傳呼機。下面的代碼工作正常，但是當我嘗試使用jQuery的clone（）函數「克隆」nav（prev，next和pager）時，分頁器將無法工作（儘管前面和下面的鏈接都工作）。

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

上面的代碼是一個精簡版本，以保持帖子的簡短和重點！ :)

Answer 1

邁克Alsup推出了一個新的版本（2.73），以支持幻燈片的多個傳呼機。然而在我的例子中，它不能正常工作，可能是因爲prev/next/pager項目被追加到標記並且被存儲/引用爲JS變量。一旦我將代碼更改爲引用prev/next/pager類名（如下所示），而不是JS變量，它就起作用了！

$("div.vg-items").cycle({ 
    prev:  "a.p", 
    next:  "a.n", 
    pager:  "span.pager" 
});