jQuery在加载事件后向幻灯片添加元素

Question

我正在使用nivoSlider插件在页面上创建幻灯片效果。目前，当页面加载时，它会随机选择5个图像来循环使用php脚本。

使用被放置在一个DIV中，像这样的图片：

<div id="slider"> 
<img src="image1" /> 
<img src="image2" /> 
<img src="image3" /> 
<img src="image4" /> 
<img src="image5" /> 
</div> 

这是工作正常，但我想在页面加载后，通过AJAX加载更多的图像。

我有一个PHP脚本来获取额外图像的HTML，但我无法得到新的图像被包含在循环中。

有没有办法让它把这些新的图像考虑在内？

任何意见赞赏。

谢谢。

Answer 1

似乎没有简单的方法来重置插件。我试图在更新的容器上调用nivoSlider，但它立即返回（它检查它是否已经安装到该元素）。绕过此检查（通过运行$('#slider').removeData('nivoslider')）将其分解。

我想有两种方法可以解决这个问题。或者完全移除滑块容器，然后使用现有图像和新图像重建它，或者移除当前容器上插件的所有痕迹，添加图像并重新运行插件。请参阅支持论坛上的this post，其中有人建议如何从容器中移除该插件。