我有一个检查查询字符串的页面,并在该页面上的链接中添加了一个活动页面, 但我需要做的是,该链接具有“.active”,然后显示与“活动”href具有相同ID的相应div,似乎无法确定如何匹配/比较来执行此操作。 / p>
仅在首次加载页面时才会发生这种情况。任何人都可以提供帮助。
$(".container").hide();
if($("div").is(".display-sections")){
if ($("a").is(".active")) {
var activeContainer = $("div").is(".container")[0].attr("href").replace('#','');
alert(activeContainer);
$("#" + activeContainer).show();
}
}
<div id="help" class="display-sections">
<ul class="subnav">
<li><a href="#contact" class="trigger " id="link01">Contact</a></li>
<li><a href="#bingocalls" class="trigger active" id="link02">Bingo Calls</a></li>
<li><a href="#bingolingo" class="trigger " id="link03">Bingo Lingo</a></li>
<li><a href="#bingoglossary" class="trigger " id="link04">Bingo Glossary</a></li>
</ul>
<div id="contact" class="container">
<h2>Get in Contact</h2>
<div class="contentarea">
<div class="content_bg"></div>
</div>
</div>
<div id="bingocalls" class="container">
<h2>Bingo Calls</h2>
<div class="contentarea">
<div class="content_bg"></div>
</div>
<div id="bingolingo" class="container">
<h2>Bingo Lingo</h2>
<div class="contentarea">
<div class="content_bg"></div>
</div>
</div>
<div id="bingoglossary" class="container">
<h2>Bingo Glossary</h2>
<div class="contentarea">
<div class="content_bg"></div>
</div>
</div
答案 0 :(得分:4)
也许这段代码可以帮到你:
$(document).ready(function()
{
$(".container").hide();
$($(".subnav .active").attr("href")).show();
});