javascript - 在jquery中添加哈希

Question

我想知道当我点击菜单中的 edito 时，如何使用 jquery 在 URL 中添加哈希值？

点击检测示例:

mydomain.com/edito

并转换成这样:

mydomain.com/#edito

Answer 1

您应该检测链接的点击，然后阻止默认行为并将使用发送到页面中所需的位置，如果您可以将目标元素 id 添加为数据属性，那就更好了一个标签。

1. 使用data-*属性来存储目标元素id:

   <a href='mydomain.com/edito' data-target-id='edito'>Edito</a>
   

2. 捕获链接点击a:

   $("a").on('click', function(e) {
       //Your code here
   });
   

3. 通过向事件添加 e.preventDefault() 来防止默认行为。

4. 使用hash将用户发送到目标元素:

   window.location.hash = $(this).data("target-id");
   

完整代码:

$("a").on('click', function(e) {
    e.preventDefault();

    window.location.hash = $(this).data("target-id");
});

希望这有帮助。