如何实现显示所请求的命名使用锚级JavaScript/CSS
-
22-08-2019 - |
题
该网页有一个容器div它拥有多个内容div.每个内容div有一个名为锚。只有一个内容div显示在一个时间:
例如:
<style>
.lurk { display: none; }
</style>
<div class="container">
<div id="c1">
<a name="#c1">One</a> is the loneliest number.
</div>
<div id="c2" class="lurk">
<a name="#c2">Two</a> is company.
</div>
<div id="c3" class="lurk">
<a name="#c3">Three</a> is a crowd.
</div>
</div>
<script>
// ... something that adds and removes the lurk class from the content divs
</script>
所需要的行为是,如果有人请求的网页使用有效的锚点的网址,JavaScript级会看到它,并设置各种性质显示适当地使内容相对应的锚点是可见的。
- 是的请求URL可以 JQuery?
- 检查命名的 锚的URL通常做的 早期美元(文件)。准备好了吗?()
- 是 这很难获得权 截浏览器的方式?
- 是否有一个图书馆程序,用于提取锚从一个网址,或者每个人都不会卷自己的规则的表达吗?
解决方案
你可以使用 location.hash
检索的锚从该网址。这将工作跨浏览器以及将在工作 $(document).ready
.
例如:
$("div.container > div").removeClass("lurk");
if (location.hash)
$("#" + location.hash).addClass("lurk");
不隶属于 StackOverflow