RSS가있는 JScrollPane

Question

RSS 파일에서 얻은 정보를 표시하기 위해 JScrollPane을 사용하는 프로그램이 있습니다. Js 메서드를 사용하여 스크롤러에 모든 정보를 추가하므로 Javascript를 통해이 모든 작업을 수행하려고합니다. JScrollPane를 작성해 거기에 정보를 추가하는 방법은 다음과 같습니다.

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

난 데 문제는 내가 <p> 년대 올바르게 스크롤에 추가 얻을 수 있다는 것입니다 :

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에 의해 생성 된 테이블에 입력되지 않았기 때문에 문제가 있다고 생각한다. javascript를 통해 JScrollPane에 정보를 추가하는 방법은 무엇입니까?

Answer 1

당신은 당신이 당신의 대답처럼 할 (과 내용을 입력 한 후 JScrollPane의 전화) 할 수

.

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

: 어떤 이유로 당신이 이미 JScrollPane의로를 켠 후 요소에 내용을 추가해야하는 경우, 당신은 아약스의 예에서 볼 수 있듯이 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(); 
}