我如何使用 jquery 多次加载() html？

Question

我使用此代码将 html 加载到我的容器中；

$('#button').click(function() {
$('#container').load("index.html");
    });

我的问题是，我可以多次将 html 加载到我的容器中吗？如果是，怎么办？ 如果可以的话，负载不是很重吗？

index.html 包含一个可拖动的 div，能够切换隐藏和显示等。

我想将此 html 多次加载到另一个 html 页面正文中的容器中。

希望你能帮助我，提前致谢

Answer 1

该代码应该可以像您拥有的那样工作。如果 #button 在 #container 内，它将被删除，因此您无法再次按下该按钮。将按钮移出容器或使用 .live() 使单击事件始终绑定到 #button，即使它被替换也是如此。

http://api.jquery.com/live/

如果你想附加到#容器，使用如下内容：

$.get('index.html', function(data) {
    $('#container').append(data);
});

Answer 2

$.load() 函数相当于：

$.get('index.html', function(data) {
  $('#container').html(data);
});

也就是说，innerHTML<每次调用 $.load() 时，#container 的 /code> 都会被覆盖。在我看来你想做的就是：

$.get('index.html', function(data) {
  $('#container').append(data);
});