jCarousel - динамически добавить товар

Question

Я хочу добавить новые предметы в свой jCarousel. Моя jCarouse выглядит так:

<div id="alertMessagePanelId" class="jcarousel alertMessagePanelStyle"> 
    <ul id="mycarousel"> 
     <li><p>Alert Message: 1</p></li> 
     <li><p>Alert Message: 2</p></li> 
     <li><p>Alert Message: 3</p></li> 
     <li><p>Alert Message: 4</p></li> 
     <li><p>Alert Message: 5</p></li> 
     <li><p>Alert Message: 6</p></li> 
    </ul> 
</div> 

Я попытался сделать функцию добавления нового элемента в DOM. Элементы добавляются, но jCarousel не видит его.

function addAlertMessage() { 
var ul = document.getElementById("mycarousel"); 
var il = document.createElement("li"); 
var p = document.createElement("p"); 
p.appendChild(document.createTextNode("New Message")); 
il.appendChild(p); 
ul.appendChild(il); } 

Это правильный способ добавления новых элементов в jCarousel?

Answer 1

Да, это довольно просто. После того, как вы добавили новые элементы, нужно просто позвонить

$('carousel-selector').jcarousel('reload', {}); 

Посмотрите это для получения дополнительной информации: jCarousel reload