Question

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

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

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

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

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

希望你能提前帮助我

Answer 1

该代码应该可以正常工作。如果#button位于#container内，则会将其删除，因此您无法再次按此按钮。将按钮移到容器外部或使用.live()使click事件始终绑定到#button，即使更换它也是如此。

如果您想附加到#container，请使用以下内容：

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

Answer 2

$.load()功能相当于：

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

也就是说，每次调用innerHTML都会覆盖#container的{{1}}。听起来像你想要做的那样：

$.load()