ページがロードされた後にリストにJCarouselsを追加する際の問題

Question

ロードされ、いくつかのAJAXリクエストの結果に基づいて複数のリストが動的に埋められるページがあります。すべてのデータを元に戻してから、これらのリストにJCarouselを追加したいのですが、これを動作させるのに問題があります。私は今いくつかのことを試してきましたが、まだ運がありません。私は現在、次のようにあります。私のヘッダーで

：

$('.myindcaras').jcarousel({ 
    vertical: true 
}); 

表示を制御私のPHPページ：

<ul id="uniqueid"></ul></div> 

マイ.JSのJavaScriptファイル - しようとしていますここからのカルーセルの作成/ポピュレート：

は、ここでは私がのdocument.getElementById（uniqueidの）を取得し、私はクラスの情報を追加します。

ul.className = "myindcaras jcarousel-skin-tango" 

が私のヘッダーにカルーセルデータにリンクします。

完了している他のタスクとすべてのAJAXの応答を行った後、私はこれで私のカルーセルを追加/作成しよう：私はエラーを取得し、このすべてから

var mylistElement = document.getElementById('uniqueid').getElementsByTagName('li'); 
var lengthofList = mylistElement.length; 
var carouseltoaddTo = ''; 
carouseltoaddTo = $('#uniqueid').data('jcarousel');   

if (lengthofList > 0) { 
    for (i = 0; i < lengthofList; i++) {        
    datatoAdd = mylistElement[i].innerHTML;      
    carouseltoaddTo.add(i, datatoAdd);      
    } 
} 

：がcarouseltoaddToが

を定義されていません

私は1つの問題は、最初の場所でカルーセルを正しく初期化していない可能性があるということです。次に、すべてのリスト項目を正しく追加するために、カルーセルを正しく参照しているかどうかはわかりません。

本当にありがとうございました。

Answer 1

この問題は修正されました。私は少し物事をあまりにも遠くに持っていた！私は単に私のhandleResponse関数にヘッダから私の元のカルーセル作成コードを移動して、それを修正しました：

私は戻って私のAJAXのすべての応答を受け取ったときには、その後に実行される

$('.myindcaras').jcarousel({ 
vertical: true 
}); 

。