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，其中有人建议如何从容器中删除插件。