从锚点获取哈希URL并加载到Div中

时间:2010-10-17 12:59:42

标签: javascript ajax hash load anchor

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

- 问题 -

链接会将视频的网址加载为当前网址的锚点

例如

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

所以我需要的是一个脚本,它将获取哈希标记并将内容加载到div中。到目前为止,我已经失败了,试图做到这一点。我想这是document.location.hash的内容,但不知道从哪里去。

非常感谢。

由于

2 个答案:

答案 0 :(得分:4)

注意:这个回答用户jQuery,因为1.4.2已包含在页面中并在页面中被广泛使用。

您可以将单击处理程序附加到锚点,例如:

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

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

答案 1 :(得分:1)

你可以试试这个 -

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

  $('#content').load(document.location.hash.replace(/#/,''));

});

这将从当前网址加载哈希部分之后的内容。