jQueryロードイベント後のスライドショーへの要素の追加

Question

nivoSliderプラグインを使用してページにスライドショー効果を作成しています。現在、ページが読み込まれると、ランダムに5つの画像が選択され、PHPスクリプトを使用して循環します。

そうのようなdivの内側に配置され、使用する画像は：これはOK取り組んでいる

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

、しかし私は、ページが読み込まれた後にAJAXを経由して複数の画像をロードしたいと思います。

余分な画像のHTMLを取得するPHPスクリプトがありますが、新しい画像をこのサイクルに含めることができません。

これらの新しい画像を考慮に入れてもらえますか？

アドバイスありがとうございます。

ありがとうございました。

Answer 1

プラグインを簡単にリセットする方法はありません。更新されたコンテナにnivoSliderを呼び出そうとしましたが、すぐに戻ります（既にその要素にインストールされているかどうかが確認されます）。 （$('#slider').removeData('nivoslider')を実行して）このチェックをバイパスすると、それが中断されます。

この問題には2つの方法があります。スライダコンテナを完全に削除し、既存のイメージと新しいイメージを使用して再構築するか、現在のコンテナ上のプラグインのすべてのトレースを削除し、イメージを追加して、プラグインを再実行します。サポートフォーラムのthis postを参照してください。誰かがコンテナからプラグインを削除する方法を提案しています。