我正在使用 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 调用中获取其图像(我已经验证它正确调用数据,以及 $.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 中使用开发工具/检查器,我可以看到幻灯片正确地填充了图像。但是滑块坏了。我假设是因为幻灯片是在滑块代码之后加载的。
有什么建议么?