0

我正在尝试实现此功能，但有点不确定，不知道如何处理它。我有一个名为“masterDiv”的 div 母版页。'masterDiv' 调用 load() 并从其内容 div 加载名为“details.html”的外部 html 页面的内容。这就是我的做法：

  $('#masterDiv').load('details.html #content');

内容按预期加载，url 地址弹出为“http://www.xyz.com#details”

这一切都很好并且有效，但后来我想到了那些可能没有支持 JavaScript 的用户。我想我会直接将这些用户引导到“details.html”页面，而不是让“母版页”从“details.html”页面加载内容。所以现在问题来了，假设我向用户发送此链接：

    http://wwww.xyz.com#details

如果该用户的浏览器没有启用 Javascript，那么显然无法调用 JQuery，因此不会进行 load() 调用，依此类推。请问如何将用户直接引导到“details.html”页面？

任何见解都会很棒

谢谢你。

4

2 回答 2

2

您的链接可能如下所示：

<a id="myLink" href="#details">Link that the user clicks</a>

当用户单击链接时，会调用 jQuery 加载。那是对的吗？

如果是这样，您可以改为使用这样的链接：

<a id="myLink" href="http://wwww.xyz.com/details.html">Link that the user clicks</a>

这样，当页面加载时，该链接将适用于所有人（即使是那些禁用了 javascript 的人）。然后，当页面首次加载时：

$(document).ready(function() {
    $('#myLink').attr('href', '#details');
});

将链接设置为以前的方式。这样，只有启用了 Javascript 的用户才能使用加载版本。其他的将被简单地重定向到 details.html

如果问题中有我没有正确理解的内容，请告诉我。

于 2012-08-16T04:41:41.923 回答
0

请问如何将用户直接引导到“details.html”页面？

通过使链接的 href 属性为“details.html”。默认情况下，每个链接的工作方式。

<a href="details.html">Details</a>

您网站上的每个链接都应该以这种方式构建。这就是互联网设计的工作方式，以及它如何发挥最佳作用。如果您确实需要，您应该只使用 JavaScript 添加功能，您不应该依赖它来实现页面之间链接等基本功能。

于 2012-08-16T04:39:36.863 回答