如何在每次html頁面的內部div被更改時加載數據？

在我的網站上，我做了一個有3個div的主頁：頁眉，頁腳和主頁。標題div有一些改變主div的按鈕。意味着該頁面只加載一次，然後我只是點擊某個按鈕時更改主div。當單擊某個按鈕時，我只是在主div中放置一個html頁面。如何在每次html頁面的內部div被更改時加載數據？

我已經在每個頁面的$（document）.ready函數中放置了警報。每當主div被改變時，這些警報就會出現，因爲main div是一個html頁面。但是這些警報不會到來。爲什麼。每當主div改變時我想加載一些數據。我怎樣才能做到這一點？提前致謝。

主頁：

<html> 
    <head> 
    <script type="text/javascript" src="jquery-1.7.js"></script>  
<script language="javascript" type="text/javascript"> 
     $(document).ready(function() { 
      $("#btn1").click(function(){ 
       $("#main").load("page1.html"); 
      }); 

      $("#btn2").click(function(){ 
       $("#main").load("page2.html"); 
      }); 
     }); 
    </script> 
</head> 

    <body> 
    <div id="header"> --- </div> 
      <div id="maincontent"><div id="main"> --- </div></div> 
      <div id="footer"> --- </div> 
    </body> 
</html>

第1頁：

<html> 
    <head> 
    <script type="text/javascript" src="jquery-1.7.js"></script>  
<script language="javascript" type="text/javascript"> 
     $(document).ready(function() { 
      // trying to load data. but its not working 
     }); 
    </script> 
</head> 

    <body> 
    <div id="page1-div"> --- </div> 

    </body> 
</html>

來源

2011-11-15 Piscean

示例頁面或代碼將更受歡迎。 – Shomz

你是如何加載內容的？代碼會有所幫助。已添加代碼 – Dutchie432

。請看看。謝謝 – Piscean