jQuery주기 플러그인에서 다중 호출기 사용

Question

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

위의 코드는 게시물을 간략하게 요약하여 보여줍니다. :)

Answer 1

Mike Alsup은 슬라이드 쇼용 다중 호출기를 지원하는 새로운 버전 (2.73)을 발표했습니다. 그러나 내 예에서는 prev/next/pager 항목이 태그에 추가되고 JS 변수로 저장/참조 되었기 때문에 제대로 작동하지 않습니다. JS 변수 대신 prev/next/pager 클래스 이름 (아래 참조)을 참조하도록 코드를 변경하면 효과가있었습니다.

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