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

Question

我正在使用unslider（unslider.com）。

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

但是，我想加载滑块，然后在一个函数中填写幻灯片，该函数将AJAX调用中的图像发送到服务器。

The Slider：

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

滑块从ajax调用获取其图像（我已经验证正确调用数据，以及$ .each函数（看起来工作正常......）：

$.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>');
                });

如果我在chrome中使用开发工具/检查器，我可以看到幻灯片正确填充了图像。但是滑块坏了。我假设是因为幻灯片是在滑块代码后加载的。

有什么建议吗？