1

最初に私はulの下に3つのliアイテムを持っています。jCarouselインスタンスはuiを使用して作成され、3つのliアイテムを使用してカルーセルを正常に表示します。デフォルトでは、カルーセルには3つのアイテムが表示されるため、[次へ]/[前へ]ボタンは無効になっています。

ここで、$（'＃mycarousel'）。data（'jcarousel'）。add（...）メソッドを使用して、カルーセルの下に新しいliアイテムを追加します。これは、liが適切なjcarouselidexを使用してulの下に追加されていることを示していますが、カルーセルの[次へ] / [前へ]ボタンが無効のままであるため、カルーセルに表示されません。

注：4つ以上のliアイテムを含むカルーセルを作成すると、[次へ] / [前へ]ボタンが有効になり、完全に機能します。

私が試したこと：[次へ] / [前へ]ボタンのdivが無効になっているので、新しいアイテムを追加した後、divを有効にします。[次へ]/[前へ]ボタンが有効になりましたが、何もしません。

回避策は大歓迎です。

ありがとう！

4

1 に答える 1

0

これには、私の側でもいくつかの理解が必要でした。reload() 関数を呼び出した後、配列の新しいサイズで size() 関数を呼び出しました。サンプルは次のとおりです。

            carousel = jQuery('#header_selector').data('jcarousel');
            carousel.reset();
            for(n = 0; n < response.images.length; n++) {
                carousel.add(n, '<img src="' + response.images[n] + '" />' );
            }
            carousel.scroll(carousel.first);
            carousel.reload();
            carousel.size(response.images.length);

それを試してみてください。

于 2012-10-24T17:48:25.123 に答える