jQuery動態網站，頁面鏈接

Question

我有專案專頁/index.html

<html>
<head>
  <title>Index</title>
  <scripts...>
</head>

<body>
   Hello 
  <div id="content"></div>
  <button id="page1" value="page1"/>
  <button id="page2" value="page2"/>
  <button id="page3" value="page3"/>
<body>
</html>

JQuervy文件project / js / main.js其中：

$(document).ready(function(){
  $('button').click(function(){
  var Id = this.id;
  $("#content").load("pages/"+Id+".html #pageContent");
  });

});

以及內容為project / pages / page1.html的頁面

<html>
<head>
  <title>Page1</title>     
</head>

<body>      
  <div id="pageContent">
     Page 1
  </div>

<body>
</html>

---- page2.html

 ...
<body>      
  <div id="pageContent">
     Page 2
  </div>        
<body>
</html>

---- page3.html

 ...
 <body>      
  <div id="pageContent">
       Page 3
  </div>         
<body>
</html>

一切正常，但在瀏覽器地址中我希望得到當前頁面的地址（例如index.html / pages / page1.html或ingex.html / page1.html或其他），而不僅僅是index.html如果這在PHP中是可能的可以舉個例子嗎？ 創建的鏈接也應該是實時的，單擊它應該加載正確的頁面。 謝謝你們！

Answer 1

您只需要在代碼中再添加一行

$(document).ready(function(){
  $('button').click(function(){
  var Id = this.id;
  $("#content").load("pages/"+Id+".html #pageContent");
   history.pushState('', '', "pages/"+Id+".html");   
});

});

jQuery動態網站，頁面鏈接

問題描述

1 個解決方案

解決方案1
0 2014-04-11 09:20:32

jQuery動態網站，頁面鏈接

問題描述

1 個解決方案

解決方案1 0 2014-04-11 09:20:32

解決方案1
0 2014-04-11 09:20:32