預加載#ids或javascript的網頁？

-2

我已經看到了很多有他們還挺預裝的網頁，但他們鏈接到的ID .. 我有一個例子在這裏：http://kim.com/mega/#hosting（這只是下的子文件夾。）預加載#ids或javascript的網頁？

不管怎麼說另一個：http://www.hellobar.com/#features-benefits

我只是想知道，你怎麼能做出這樣..我認爲它與JS，jQuery的還是那somekind的做 - 但我不知道..

如果任何你們知道的該做什麼，這將是一個非常偉大的「第一」天！

P.S：我在使用PHP的Linux平臺上工作，如果這很重要的話。

來源

2012-12-13 user1902110

你是什麼意思「他們有點預裝」？ – Mike

你可以使用.load在jQuery中使用.load。

e.g

$(document).ready(function() { 
$('.navbar-link').click(function (e) { 
    e.preventDefault(); //make sure it doesn't go to the link 
    $('#content').load('data-page.html #' + $(this).attr('href')); //fill div with data 
}); 
});

在HTML這樣的：

<ul> 
<li><a class=".navbar-link" href="pageName">Page Name</a></li> 
<li><a class=".navbar-link" href="page2Name">Page 2 Name</a></li> 
</ul> 
<div id="content"></div>

而且data-page.html這樣的：

<div id="pageName"> 
<h1>Page Content</h1> 
</div> 
<div id="page2Name"> 
<h1>Page 2 Content</h1> 
</div>

來源

2012-12-13 19:55:03 christopher

啊，但它更像另一個（http://hellobar.com/#features-benefits），其中散列只是文檔中的特定部分，您應該參考;-) – user1902110

我沒有看到在網絡窗格中的任何Ajax請求。我想他們會在JavaScript中將他們的頁面附加爲HTML字符串。因爲他們醜化了JS，所以很難看到。但看起來就是這樣。

來源

2012-12-13 19:57:43 AndrewHenderson

哦，好的所以它放置在JS中，但是你有沒有知道它叫什麼，做這個？ – user1902110

我不確定這是否有特定的術語。 jQuery的DOM導航或DOM附加，如果我不得不猜測。 – AndrewHenderson

http://kim.com/mega/#hosting

他們用它作爲History api更換（或回退），圍繞他們的JS應用程序，顯示它建立了網站。

http://www.hellobar.com/#features-benefits

這是一個不同的一個。這裏的散列僅用於鏈接到specific section in the document。

P.S：我在使用PHP的Linux平臺上工作，如果這很重要的話。

不是。服務器端平臺確實沒有關係，因爲哈希不會發送到服務器。他們只能通過JavaScript使用，閱讀和操作客戶端。

來源

2012-12-13 20:08:11 Bergi

好的，謝謝你，但它最後一個我認爲我想重現..幾乎完全像這樣，但它應該只是像一個普通的頁面，而且你必須可以鏈接，就像那樣。 – user1902110

然後給你的元素'id'屬性並通過'href =「＃myId」鏈接它們 – Bergi

預加載#ids或javascript的網頁？

回答

相關問題