jquery - 在 jQuery 中使用 window.location.hash

标签 jquery hash window.location

我想使用 jQuery 制作一个褪色导航菜单,其中与当前页面对应的“按下”按钮的行为与“未按下”按钮不同(具体来说,它在悬停时不会褪色为不同的颜色) )。如果我查看 www.guitaracademy.nl 上的示例,我会发现他们使用带有 window.location.hash 属性的 native JavaScript。

但是,我似乎无法将此哈希放入 jQuery 中。这是一个示例脚本:

<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    var p=window.location.hash;
    $("#clickme").click(function(){
        alert(p)
    });
});
</script>
</head>
<body>
<a href="#test">Click me first</a>
<div id="clickme">Then click me</div>
</body>
</html>

加载此页面后,我单击“首先单击我”链接;然后在地址栏中我看到原始 URL 后附加了“#test”。但是,如果我单击“然后单击我”div,我会看到一个空警报。看起来哈希值没有“更新”。

如果有任何帮助,我将不胜感激。

最佳答案

尝试将对哈希的调用移至函数内部,以便每次调用单击时都会调用它。按照您的方式,它仅在页面初始加载时加载。

$(function(){
    $("#clickme").click(function(){
        var p=window.location.hash;
        alert(p)
    });
});

关于jquery - 在 jQuery 中使用 window.location.hash,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7880669/

相关文章:

javascript - 我怎样才能在一页上有这个 jQuery 图像幻灯片效果的多个实例

javascript - 选择没有id的html对象

java - HashSet对数组内容不敏感?

python - 修改函数时散列python函数以重新生成输出

javascript - window.location 在新标签页中打开

javascript - 整理 Javascript,捕获和操作 URL

jquery - Jquery选择文件时获取文件列表对象

javascript - 使用列表中子元素值的 attr 更改 div 类的 css

c# - 如何从文本文件创建 MD5 散列摘要?

javascript - window.location.assign() 导航到用户输入的 url?