javascript - Jquery 在 URL 中使用#SOMETHING 来触发事件

Question

我有以下代码

<a href="#go">go</a>
<a href="#go2">go</a>
<a href="#go3">go</a>
<a href="#go4">go</a>

<div id="go" class=contents>1</div>
<div id="go2" class=contents>2</div>
<div id="go3" class=contents>3</div>
<div id="go4" class=contents>4</div>

和一个由 anchor 触发的脚本

$('a').click(function() {
    $($(this).attr('href')).css('color', 'red');
});

所以当我点击其中一个 anchor 时我可以触发一些事件，我的问题是。如果我刷新页面(URL 将包含 #go 标记)是否可以从 URL 捕获 #go 并触发相同的事件？

Answer 1

当然，在页面加载时你可以像这样捕获哈希并触发事件处理程序

$(function() {
    var hash   = window.location.hash;
    var anchor = $('[href="' + hash + '"]');

    anchor.trigger('click');
});