загрузить внешний html в div в родительском html

Question

i загрузить second.html в #divcontainer@first.html, и я хочу загрузить third.html в #divcontainer@first.html с помощью кнопки в файле second.html, в то время как выгрузить the second.html

Мне удалось загрузить второй html в первый html с помощью load().

я попытался использовать это в second.html:

$("#button").click(function() { 
    $("#divcontainer".top.parent.document).unload("second.html"); 
    $("#divcontainer".top.parent.document).load("third.html"); 
    }); 

, но не работает.

http://i.imgur.com/CINb5Qj.jpg «структура»

Answer 1

Как динамически загружаются элементы, то вы должны использовать делегирование событий:

$('#divcontainer').on('click', '#button' function() { 
    $(this).parent().load('third.html'); 
}); 

и вам не нужно ничего unload, как он заменит существующий контент.

Answer 2

Вы найдете правильный путь через эту ссылку переполнения стека ...

Changing div content via jquery with another html file's content