Html包含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> 

我知道功能了变化，以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。 而你在div_top2的$(document).ready()有听众。因此该页面未加载。

尝试更改$('#div_top2').load('helloworld.php');至$('#div_top1').load('helloworld.php');。