Html include with jQuery

Question

Hy, я пытаюсь найти код jQuery, который позволит мне вставить несколько страниц внутри моего сайта. Я хочу сделать два div. В первом я хочу показать веб-сайт (со всеми параметрами веб-сайта, такими как смена ссылок и т. Д.), А в другом я хочу, чтобы пользователь мог вставлять заметки об этом и некоторые другие вещи ...

Это то, что я делаю:

<div id="div_top1" class="top">This is a paragraph.</div> 

<div class="down"><button type="button" onclick="changediv()">Display Date</button></div> 

<script> 
function changediv() 
{  
document.getElementById("div_top1").innerHTML=Date(); 
document.getElementById("div_top1").setAttribute("id", "div_top2");  
} 
$("document").ready(function() { 
    $('#div_top2').load('helloworld.php'); 
}); 

</script> 

Я знаю, что функция Changin в div_top2, я просто не понимаю, почему он не загружает страницы

Answer 1

Как указывал moonwave99, постарайтесь не смешивать Javascript и JQuery слишком много. Что-то вроде этого должно сделать трюк:

<div id="div_top1" class="top">This is a paragraph.</div> 

<button type="button" id="loadParagraph">Display Date</button> 

<script> 
    $("document").ready(function() { 
     $('#loadParagraph').click(function() { 
      $('#div_top1').load('helloworld.php'); 
     }); 
    }); 
</script> 

Answer 2

Вы не меняющийся id до div_top2, пока кнопка не была нажата. И у вас есть слушатель в $(document).ready() на div_top2. Следовательно, страница не загружается.

Попробуйте изменить $('#div_top2').load('helloworld.php'); на $('#div_top1').load('helloworld.php');.