JSON加载后跳转到锚点

时间:2015-06-29 16:15:37

标签: javascript jquery json

我有一个通过JSON提取数据的页面。问题是链接到具有特定锚点的页面上的内容。浏览器在加载JSON之前查找锚点,当它无法找到它时,它会失败。然后通过JSON加载数据,但页面永远不会跳转到锚点,因为它已经尝试在页面加载上找到锚点。

我们想要在页面上链接到div方式:

<div id="linkToMe">Content</div>

然后我创建了一个url,用于在外部源(即word文档,电子邮件或其他)上超链接到此内容:

http://www.example.com/specificpage.html#linkToMe

当有人导航到此链接时,会出现上述问题,因为JSON数据需要一段时间才能加载。

我假设要让它工作我需要javascript来获取url中的哈希值,然后在JSON完全加载后跳转到该哈希值?该代码会是什么样的,以及如何在完整加载JSON之后实现它?

1 个答案:

答案 0 :(得分:0)

处理您的网址

var jumpID = url.split("#")[1];

由于您使用的是jQuery,因此可以使用$.get()方法获取数据并在回调函数中编写代码,该函数在加载JSON后执行。

$.get( "giveMeJSON.com", function( data ) {
   document.getElementById(jumpID).scrollIntoView();
});