2014-11-14 17 views
0

我有一個JQuery頁面加載到一個div點擊頁面的HTML頁面。我可以點擊它,它轉到第2頁,它的工作原理。我有相同的鏈接回到頁面1,它會加載頁面1中的html,但如果我點擊回頁面2,它將不會加載。所以我幾乎無法來回加載jquery的div。我有搜索和使用live()看到的東西,但似乎無法得到任何工作。有什麼建議麼?轉到另一頁後Jquery加載不加載

我的jquery函數從另一頁加載div。

<script> 
function changepage(page) { 
    $(function(){ 
     $('#maincontent').load('index.php?p='+page); 
     return false; 
    }); 
} 
</script> 

HTML加載網頁2:

<a href="#" onclick="changepage('page2');">Page 2</a> 

HTML加載回到第2頁

<a href="#" onclick="changepage('page1');">Page 1</a> 

編輯: 整頁:

<!DOCTYPE html> 
<html lang="en"> 

<head> 

    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 

    <title>My Page</title> 


</head> 

<body> 
<div id="wrapper"> 
     <!-- Page Content --> 
     <div id="page-wrapper"> 
      <div class="container-fluid"> 
      <div id="maincontent"> 

      <a href="#" onclick="changepage('page2');">Page 2</a> 


       </div> 
       <!-- /.maincontent --> 
      </div> 
      <!-- /.container-fluid --> 
     </div> 
     <!-- /#page-wrapper --> 

    </div> 
    <!-- /#wrapper --> 


<script> 
function changepage(page) { 
    $(function(){ 
     $('#maincontent').load('subpage.php?p='+page); 
     return false; 
    }); 
} 
</script> 

</body> 

</html> 
+0

看起來不錯,jQuery是否包含在您的兩個HTML頁面中? – tokyovariable

+0

是的,它放在兩個頁面 –

+0

好吧,你能告訴我們這兩個頁面的HTML嗎?不僅僅是錨標籤。 – tokyovariable

回答

0

我同意tokyovariable。你需要在使用它之前鏈接jQuery的功能。嘗試添加
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 之前的腳本與changepage函數。
還要確保在調用changepage函數之前加載jquery。嘗試
function changepage(page) { $(document).ready(function(){ $('#maincontent').load('index.php?p='+page); return false; }); }

+0

這聽起來不合適。有一個jQuery的原始頁面,以及一個動態變化的div。此操作只有一個完整頁面加載。所以把jquery放在子頁面中什麼都不做。 –

0

是jQuery的鏈接到該頁面?

+0

是的,JQuery函數在兩個頁面上。我已經厭倦了將它放在頭部,身體兩側的組合,est。 –

0

我可能是錯的,但我認爲你在這裏給我們足夠的信息。上面的代碼看起來很好。 input.php是否正常工作?當您致電時會發生什麼:

http://[domain]/index.php?p=page1 
http://[domain]/index.php?p=page2 

從瀏覽器中?它會輸出一整頁,還是隻輸出#maincontent?這有點奇怪,索引頁面是輸出單個div還是將整個html頁面填充到另一個div裏面?聽起來像它可能是index.php的輸出,它通常是你網站的登錄頁面,那麼爲什麼你將整個登錄頁面填入div中呢?

+0

http:// [domain] /index.php?p=page1和page2可以正常工作。它只顯示#maincontent。我在index.php頁面中有一個case/switch,它調用p是哪些子頁面,如果什麼都沒有調用,它會在主要內容中加載整個page1頁面。 –