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

うん、かなり簡単です。 jCarousel reload