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');。