Question

我正在使用jQuery滑块库pixedelic camera。我选择了这个库，因为它是免费的，而且非常容易使用。基本上你需要输入代码的所有内容是：

    <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

我想让用户动态添加图片，无需刷新页面。感谢输入源的简单性，我认为这将非常简单 - ＆gt;只需将新div添加到幻灯片中。

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

但问题是此幻灯片已生成＆＃34; onload＆＃34;的页面，并将这个简单的输入重写为更复杂的结构。这意味着，这个简单的追加不起作用，因为在运行中添加了。有没有机会，如何使用jQuery，Ajax或任何东西刷新div #tendiv来强制jquery生成新内容？

Answer 1

你可以尝试删除旧的div id ='camera_wrap_1'，然后添加一个名为'camera_wrap_2'的新的，然后使用$（'＃camera_wrap_2'）。camera（）;.喜欢这个方法，删除前一个，添加新的，但id增加。这可能是有效的。

重新加载jQuery内容

1 个答案: