JSON加载后跳转到锚点

Question

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

假设我要在页面下方链接到div：

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

然后，我在外部来源（例如Word文档，电子邮件或其他任何来源）创建超链接到此内容的URL：

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

当某人导航到此链接时，由于JSON数据加载需要一段时间，因此会发生上述问题。

我假设要使其正常工作，我需要JavaScript来获取url中的哈希，然后在JSON完全加载后跳转到该哈希？ 该代码将是什么样，我将如何实现它以在JSON完全加载后运行？

Answer 1

处理您的网址

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

---

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

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