jCarousel - dynamisch Elemente hinzufügen

Question

Ich möchte einige neue Elemente zu meinem jCarousel hinzufügen. Mein jCarouse wie folgt aussieht:

<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> 

Ich habe versucht, eine Funktion zu machen einige neue Elemente zu DOM hinzuzufügen. Die Elemente werden hinzugefügt, aber das jCarousel sieht es nicht.

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

Dies ist eine korrekte Methode zum Hinzufügen neuer Elemente zum jCarousel?

Answer 1

Ja, es ist ziemlich einfach. Nachdem Sie neue Elemente hinzugefügt, müssen Sie nur

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

Schauen Sie diese für weitere Informationen rufen: jCarousel reload