Question

我们想说我想创建一个包含一个页面的网站。所有内容都是动态的，并使用带有DOM替换的JavaScript生成。这样做的好处是它可以创建更好的用户体验，特别是对于包含目录（在线商店，画廊等）的应用程序。现在的问题是链接。让我们说我浏览网站，我想分享我与某人看到的特定内容，但问题是链接始终是相同的，因为它的JavaScript和＆＃＃39;正在做魔术。所以问题来了：如何在保持链接能力的同时创建一个完全运行JavaScript的网站？

现在有哈希链接，但我失败了。我已尝试覆盖所有<a>标记，更改哈希值，并阻止默认操作，如此

$("a").click( function(){

    window.location.hash = $(this).attr("id");
    processHash();
    return false;
});

然而，它会毫无理由地随意滚动我的身体。

我想了解一个完全动态网站链接限制的一些见解。感谢。

Answer 1

这是一件简单的事情：

window.onload = function () {
   processHash();
}

或者它可以使用jquery $（function（）{...}）;

这里发生的事情是页面加载示例http://www.example.com/#some-link 首先加载页面内容，然后处理链接processHash();的函数将完成其工作

Answer 2

即使是新的闪亮的jQuery移动库也不是100％的ajax，但它已经接近了。显然，使用非常现代的浏览器，请在jQuery mobile中查看此doc站点：http://jquerymobile.com/test/

如果您稍微深入了解文档，您会看到他们如何使用哈希链接与框架和html5 data-content =“page”

每个<div data-content="page">Is an independent page, if I remember right</div>

使用JavaScript的动态内容，允许链接

2 个答案: