【问题标题】:Add an hash in jquery在 jquery 中添加哈希
【发布时间】:2016-06-15 04:57:16
【问题描述】:

我想知道当我在菜单中单击edito 时如何在 URL 中添加带有 jquery 的哈希?

点击检测示例:

mydomain.com/edito

然后转换成这个:

mydomain.com/#edito

【问题讨论】:

标签: javascript jquery hash


【解决方案1】:

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

  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");
});

希望这会有所帮助。

【讨论】:

    【解决方案2】:

    试试这个:

    location.hash = "bob"
    

    【讨论】:

      猜你喜欢
      • 2012-12-08
      • 1970-01-01
      • 2012-11-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-12-17
      相关资源
      最近更新 更多