RSSを使用したJScrollPane

Question

RSSファイルから取得した情報を表示するためにJScrollPaneを使用しているプログラムがあります。私はJavascriptでこれをすべて行いたいので、jsメソッドですべての情報をスクロールバーに追加します。ここでは、JScrollPaneを作成し、その中に情報を追加する方法を示します。ここで

function generateScrollingDiv(){ 
    //Number of events 
    var numEvents = currentEvents.length; 
    //Creates scroller 
    $('.scroll-pane').jScrollPane(); 

    //Adds items to scroller 
    for (var x = 0; x < numEvents; x++) { 
     //Gets the title formatted to html 
     $('.scroll-pane').append("<p class = \"rssTitle\"> " + currentEvents[x].title + "</p>"); 
     //Append store information 
     $('.scroll-pane').append("<p class = \"rssDescription\"> " + currentEvents[x].description + "</p>"); 
    } 

} 

は私のCSSです：

/* Scroller used */ 
.scroll-pane 
{ 
    width: 100%; 
    height: 200px; 
    overflow: auto; 
} 

私が午前問題は、私は<p>さんが正しくスクロールに追加するために得ることができないということです。情報はスクロールに入力されますが、スクロールは機能しません。私は問題は、情報がスクロールによって生成されたテーブルに入力されないためだと思います。 Javrollを通じてJScrollPaneに情報をどのように追加しますか？

Answer 1

あなたはあなたの答えに行ったように行う（および内容を入力した後にJScrollPaneを呼び出す）ことができます。すべての情報はそうのような入力された後のスクロールバーを呼び出すために必要な。

http://jscrollpane.kelvinluck.com/ajax.html

：何らかの理由ですでにJScrollPaneの中にそれを入れた後の要素にコンテンツを追加する必要がある場合は、あなたは、Ajaxの例に見られるよう getContentPane APIメソッドが必要になります

Answer 2

修正済みです。

function generateScrollingDiv(){ 
//Number of events 
    var numEvents = currentEvents.length; 

    //Adds items to scroller 
    for (var x = 0; x < numEvents; x++) { 
     //Gets the title formatted to html 
     $('.scroll-pane').append("<p class = \"rssTitle\"> " + currentEvents[x].title + "</p>"); 
     //Append store information 
     $('.scroll-pane').append("<p class = \"rssDescription\"> " + currentEvents[x].description + "</p>"); 
    } 
    //Creates scroller (AFTER) 
    $('.scroll-pane').jScrollPane(); 
}