重新加載jQuery內容

Question

我正在使用jQuery滑塊庫pixedelic相機 。 我選擇了這個庫，因為它是免費的並且非常易於使用。 基本上，您需要在代碼中放入的所有內容是：

    <div class="camera_wrap camera_azure_skin" id="camera_wrap_1">
                <div data-thumb="images/slides/thumbs/bridge.jpg" data-src="images/slides/bridge.jpg">
                 </div>
                 <div data-thumb="images/slides/thumbs/leaf.jpg" data-src="images/slides/leaf.jpg">
                 </div>
                 <div data-thumb="images/slides/thumbs/road.jpg" data-src="images/slides/road.jpg">
                 </div>
    </div>

+ some include scripts

我想讓用戶動態添加圖像，而無需刷新頁面。 由於我認為輸入源的簡單性，這將非常容易->只需將new div附加到幻燈片即可。

$('#some_button').click(function(){
    $('#camera_wrap_1').append('<div data-thumb="images/slides/thumbs/road.jpg" data-src="images/slides/rabbit.jpg"></div>');
})

但是問題在於，此幻燈片顯示是在頁面“加載”時生成的，並將此簡單的輸入重寫為更復雜的結構。 這意味着，此簡單的追加將不起作用，因為它是在運行時添加的。 有沒有機會，如何使用jQuery，Ajax或其他方法刷新div #tendiv以強制jquery生成新內容？

Answer 1

您可以嘗試刪除舊的div id ='camera_wrap_1'，然后添加一個名為'camera_wrap_2'的新div，然后使用$（'＃camera_wrap_2'）。camera（）;。 像這種方法一樣，先刪除一個，再添加一個，但是id增加。 可能是工作。