如何模拟遗留url片段=>元素's的名称映射
How to simulate legacy url fragment => element's name mapping in backbonejs
我正在寻找如何链接到页面的一部分的解决方案?(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);
});
});
相关文章:
- Ckeditor-plugin:插入虚假元素add不情愿<p>标签前后
- 如何首先设置样式<td>表中包含在窗体中的元素
- 如何附加<ul><李>元素位于某个特定条件的父元素列表之间
- 在验证器中添加自定义规则以检查<ul>具有元素
- 调整<音频>元素
- <的自定义进度条;音频>并且<进度>HTML5元素
- 转换<a>使用jQuery将文本字符串转换为dom元素
- react-让一个元素返回两个相邻的<tr>标签
- <h1>标签在离子含量元素中不可见
- 更改<td>更改事件的元素值
- 为什么不是't html<对象>元素响应鼠标事件
- 更改每个<李>元素在<ol>
- 点击<选择>元素,但不在<选项>
- Jquery将css类添加到父级<ul>元素
- jQuery对嵌套在<李>并且<a>元素,同时离开父<ul>打开
- 单击事件在替换<使用>元素在<svg>(Win7/IE11)
- 将换行符写入<span>元素
- 如何正确地获得<i><p>元素
- HTML5<视频>元素在Firefox、Opera和Safari中不起作用
- 我正试图动态地拉动<h3>元素,并将它们放在选择列表中