0

jQuery のサイクル プラグインを使用して、スライドショーに複数のページャー要素を含めることは可能ですか? たとえば、このプロジェクトでは、スライドショーの上下にページャーが必要です。以下のコードは問題なく動作しますが、jQuery の clone() 関数を使用してナビゲーション (前、次、およびページャー) を「複製」しようとすると、ページャーは機能しません (ただし、前と次のリンクの両方のセットは機能します)。

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

上記のコードは、記事を短く簡潔にするために簡略化されたバージョンです。:)

4

1 に答える 1

0

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"
});
于 2009-11-05T15:31:05.980 に答える