预加载#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的网页？

回答

相关问题