加载页面的一部分而不刷新它
加载页面的一部分而不刷新它
提问于 2013-02-01 21:30:36
我是网页设计的新手。我刚刚完成了我的第一个静态网站。我不喜欢它的地方是页面经常重载(每次你改变部分)
我的问题是“如何制作这种导航：http://www.doblin.com/work/#innovation-strategy”
正如你看到的，当你点击“设置创新策略/设计，构建+启动创新/成为更好的创新者”时，页面不会重新加载。
它是如何做到的？
在没有sql的静态网站(html/css/jquery)上(它可能需要ajax或...)是可能的吗？
谢谢
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-02-01 22:22:06
看一下代码，这个页面使用了一些jQuery函数来完成这项工作，请查看：
$(window).hashchange( function(){
var hash = location.hash;
// if a hash has been set
if(hash !== '') {
showContent(hash, origSections);
} else {
// pass in "empty" hash
showContent('', origSections);
}
return false;
});
// call hashchange on initial page load
$(window).hashchange();
// ----------- SHOW CONTENT ----------- //
function showContent(active, all) {
if (jQuery.support.opacity) {
opacity = true;
} else {
opacity = false;
}这也可以使用CSS3过渡和动画来完成。这是一个基于this Codrops的pen教程。我特别认为这是一个更好的方法。
但是如果您想从某个地方获取动态数据，我建议您使用Ajax(有一些很酷的jQuery工具可以处理这个问题)。
Stack Overflow用户
发布于 2013-02-01 21:38:43
仔细看看JQuery或Dojo，它们中的任何一个都会成为你的朋友。
您的示例使用JQuery。
它可以在一个静态页面上完成，不用担心。
这里有一些演示：http://jqueryui.com/tabs/
您还可以在http://w3schools.com/jquery/default.asp上学习jquery
Stack Overflow用户
发布于 2013-02-01 21:40:52
你可以在你的静态网站上使用Jquery。你可以通过下面的链接Jquery
但是，如果您希望保存数据并从服务器检索数据，则需要使用Ajax来避免刷新page.There。有许多教程介绍了如何使用Ajax
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14647392
复制相关文章
相似问题
腾讯云开发者
