javascript - 从 anchor 获取哈希 URL 并加载到 Div 中

Question

我有一个视频库，左侧有一个菜单，并将内容加载到右侧的 div 中。菜单是从 php 视频帖子生成的，因此我们需要一个通用脚本来影响所有内容。

-- 问题--

链接将加载视频的 URL 作为当前 URL 的 anchor -

例如。

http://www.divethegap.com/update/community/videos/#http://www.divethegap.com/update/2010/10/test-video-2/

所以我所需要的只是一个脚本，它将获取散列标签并将内容加载到一个 div 中。到目前为止，我在尝试这样做时惨遭失败。我想它与 document.location.hash 类似，但不知道从那里去哪里。

非常感谢帮助。

谢谢

Answer 1

注意:此答案使用 jQuery，因为 1.4.2 已包含在页面中并已在页面中广泛使用。

您可以将点击处理程序附加到 anchor ，例如:

$("#nav a").click(function() {
  $("#content").load(this.hash.substring(1));
});

You can test it out against your markup here ，不是它实际上不会加载到演示中，因为它位于单独的域中，但在同一域中可以正常工作。