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

jCarousel - 动态添加项目

1 个答案: