Question

1）我们有一个带有块的页面index.html：

<body>
<div id="action1">One</div>
<div id="action2">Two</div>
<div id="action3">Three</div>
</body>

2） CSS

body div { color: blue; }
body div.current { font-weight: bold; color: red; }

3）其他包含指向index.html和某些目标的链接的网页：

<a href="index.html#action1">Link to One</a><br/>
<a href="index.html#action2">Link to Two</a><br/>
<a href="index.html#action3">Link to Three</a><br/>

问题是如何捕获第index.html页上的当前链接目标，并为目标块提供额外的类。

如果打开的网页的当前链接为index.html#action1，则将课程.current添加到<div id="action1">One</div> - 将成为<div id="action1" class="current">One</div>

如果index.html#action2 - ＆gt; <div id="action2" class="current">Two</div>

等等。

检查＃target
检查id
if target = id addClass（“current”）for block id

感谢。

Answer 1

你可以这样做：

$(function() {
  if(location.hash) $(location.hash).addClass("current");
});

这使用location's hash property（如果有的话），"#action1"为ID selector然后通过.addClass()添加类，简短而简单:)

jQuery检查链接

1 个答案: