jquery - 创建指向动态加载页面的链接？

Question

假设您有一个类似 Facebook 的页面。您有某个群组页面或公司页面，其中包含导航链接，例如:信息、事件、照片。

我想创建一个标准布局，其中有左侧导航和右侧内容支架。通过单击左侧三个导航按钮中的任何一个，右侧的内容将通过 jquery 获取。加载的默认页面始终是信息。

但是，如果我想链接到该群组，但要先打开照片页面，该怎么办？如果我有很多这样的小组，最有效的方法是什么？

谢谢:)

Answer 1

如果我理解您的要求，您可以使用 URL 的哈希部分(# 字符后面的部分)来完成此操作。您的网址将为 http://example.com/somepage#Information、http://example.com/somepage#Events 和 http://example .com/somepage#Photos。当浏览器请求其中之一时，哈希部分不会发送到服务器；而是会发送给服务器。它必须在客户端使用代码进行处理，以查找哈希值并对其采取操作。

听起来您的页面在导航链接上已经有了客户端脚本，以便在单击这些链接时在对话框或灯箱中打开信息、照片或事件。因此，连接完毕后，查看哈希部分。如果它对应于#Photos，则自动打开照片灯箱，依此类推。

这具有可添加书签和可共享的优点。我最近在一个包含多个视频的页面上做到了这一点。 jQuery 查找与视频对应的所有链接(使用类名)，并将它们转换为视频对话框开启器。当 URL 上有与视频对应的哈希时，我会自动打开对话框。每个视频都可以在社交网站上单独分享。