質問。いくつかのタブがあり、別のページの特定のタブにリンクしてアクティブなタブにしたいと思っています。私はどうすればいいのですか?他の特定のタブの内容と別のページのアンカーリンク
HTML:事前に
<div id="tabs-container">
<ul class="tabs-menu">
<li class="current"><a href="#tab-1"><strong>Tab 1</strong></a></li>
<li><a href="#tab-2"><strong>Tab 2</strong></a></li>
<li><a href="#tab-3"><strong>Tab 3</strong></a></li>
<li><a href="#tab-4"><strong>Tab 4</strong></a></li>
</ul>
<div class="tab">
<div id="tab-1" class="tab-content">Content1</div>
<div id="tab-2" class="tab-content">Content2</div>
<div id="tab-3" class="tab-content">Content3</div>
<div id="tab-4" class="tab-content">Content4</div>
</div>
</div>
はJavaScript
$(document).ready(function() {
$(".tabs-menu a").click(function(event) {
event.preventDefault();
$(this).parent().addClass("current");
$(this).parent().siblings().removeClass("current");
var tab = $(this).attr("href");
$(".tab-content").not(tab).css("display", "none");
$(tab).fadeIn();
});
});
感謝:)
別のWebページから来たときに正しいタブを表示することを意味しますか? – Zenoo
ええ、そうです。別のWebページから来たときに正しいタブを表示します。 – Wai
[URLのパラメータを使用したjQueryタブの選択]の可能な複製(https://stackoverflow.com/questions/574699/selecting-a-jquery-tab-using-a-parameter-in-the-url) – Alexander