導航時如何更改頁面的一部分？

-1

<html> 
<body> 
    <div id="header"> 
     <a href="page1.html">Page1</a> 
     <a href="page2.html">Page2</a> 
    </div> 
    <div id="Container"> 
     Content 
    </div> 
</body> 
</html>

當點擊導航，我想要得到的網頁，但與固定頭。只需更改容器的內容和地址欄或使用固定標題更改頁面

就像擁有固定聊天和標題欄的Facebook一樣。

我嘗試了很多像Ajax的方式，但我不能用它:)

來源

2012-07-02 Ahmed

你可以使用jQuery的$.get()和嘗試是這樣的：

$(document).ready(function() { 
    $('a').click(function(event) { 
     event.preventDefault(); 
     $.get(this.href, {}, function(data) { 
      $('#container').html(data); 
     }); 
    }); 
});

這將取代內容#container與導航中的鏈接背後的任何東西。那麼你有責任確保，只有所需的內容在page1.html。

一個更好更復雜的方法是將page1.html中的完整網站內容和success函數中的某些邏輯用於僅提取所需內容。
對於沒有JavaScript等的用戶來說，這會很好地回退。

閱讀jQuery的Ajax功能，你應該能夠相當快地工作。

來源

2012-07-02 10:45:37 WrongAboutMostThings

導航時如何更改頁面的一部分？

回答

相關問題