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，其中有人建議如何從容器中移除該插件。