如何模拟遗留url片段=>元素's的名称映射

How to simulate legacy url fragment => element's name mapping in backbonejs

本文关键字:gt 元素 映射 模拟 何模拟 片段 url      更新时间:2023-09-26

我正在寻找如何链接到页面的一部分的解决方案?(hash?)。

尽管在静态HTML页面上,可以通过将name属性添加到HTML元素并将其指向url中的#fragment来完成,但这在backbonej上无法直接完成。有解决办法吗?

您可以使用JavaScript和jQuery自己完成。在HTML中,给要跳转到的元素一个ID。我使用jump-to-me:

<h1 id="jump-to-me">Testing</h1>

给你想要跳转的链接一个ID或类,或者你可以用来过滤的东西。在这种情况下,我使用类toJump:

<a href="#this-doesnt-matter" class="toJump">Jump to the H1</a>

最后,编写一点JavaScript来进行跳转。您可以将其放在Backbone应用程序中的任何位置(例如父视图的事件哈希)。在我的示例中,我将把它包装在一个jQueryDOM就绪包装器中。

$(function() {
    $("a.toJump").click(function(event) {
        event.preventDefault();
        $(window).scrollTop($("#jump-to-me").offset().top);
    });
});