JScrollPane с RSS

Question

У меня есть программа, в которой я использую JScrollPane для отображения информации, которую я получаю из файла RSS.Я хочу сделать это через 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> правильно добавить в скроллер.Информация вводится в скроллер, но скроллер не работает.Я думаю, что проблема в том, что никакая информация не вводится в таблицы, генерируемые скроллером.Как бы вы добавили информацию в JScrollPane через javascript?

Answer 1

Вы можете сделать то же, что и в своем ответе (и вызвать jScrollPane после ввода содержимого). Однако, если по какой-то причине вам нужно добавить контент к элементу после того, как он уже превращен в jScrollPane, вам потребуется метод API getContentPane , как показано в примере с ajax:

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

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