Как загрузить () HTML с JQuery более одного раза?

Question

Я использую этот код для загрузки HTML в мой контейнер;

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

Мой вопрос к вам: могу ли я загрузить HTML несколько раз в свой контейнер? Если да, то как? И если это возможно, не тяжелый ли груз для загрузки?

index.html содержит div, который можно перетаскивать, может переключать скрытие и показ и т. Д.

Я хочу загрузить этот HTML несколько раз в контейнер в теле другой HTML-страницы.

Надеюсь, вы можете помочь мне, спасибо заранее

Answer 1

Функция $. Load () эквивалентна:

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

То есть innerHTML из #container будет перезаписываться при каждом вызове $.load(). Для меня это звучит так, как ты хочешь:

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

Answer 2

Этот код должен работать так, как у вас есть.Если #button находится внутри #container, оно будет удалено, поэтому вы не можете нажать кнопку еще раз.Либо переместите кнопку за пределы контейнера, либо используйте .live(), чтобы событие щелчка всегда связывалось с #button, даже если оно заменено.#container, используйте что-то вроде этого:

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