Javascript 使用Jquery/Ajax加载页面后，动态加载Jquery滑块图像

我正在使用unslider（unslider.com）

如果我在页面加载中加载图像，它工作正常

但是，我希望加载滑块，稍后在一个函数中填充这些幻灯片，该函数从服务器的AJAX调用中获取图像

滑块：

<div class="slider">
    <ul id="slider-ul">
        <li><img id="slider-img-1" class="bjqs-slide-img" src="" alt="" /></li>
    </ul>
</div>

滑块从ajax调用中获取图像（我已验证该调用是否正确调用了数据），以及$。每个函数（似乎工作正常…）：

$。每个（html.listing.photos，函数（i，v）{
$（“#滑块ul”）。追加（“
”）；
});

如果我在chrome中使用dev工具/inspector，我可以看到幻灯片正确地填充了图像。但是滑块已损坏。我假设是因为幻灯片是在滑块代码之后加载的

---

有什么建议吗？

用这篇文章中的lighslider答案解决了这个问题：是否有一种刷新unslider的方法，或者您是否更改为lightslider？

$.each(html.listing.photos, function (i, v) {
                    $("#slider-ul").append('<li><img id="slider-img-'+html.listing.data[0].listno+'" class="bjqs-slide-img" src="'+v+'" alt="" /></li>');
                });