私の Web サイトには、すべてのページで一貫して使用されるタブ付きのインターフェイスがあります。ベース ページ (最初のタブ) にリンクできますが、特定のタブにリンクする方法がわかりません。
これは私のJavaScriptです:
$(document).ready(function() {
$(".tabs a").click(function() {
var $this = $(this);
$(".panel").hide();
$(".tabs a.active").removeClass("active");
$this.addClass("active").blur();
var panel = $this.attr("href");
$(panel).fadeIn(250);
return false;
});
$(".tabs li:first-of-type a").click();
});
そして、私の各ページは次のように設定されています。
<div id="aboutContainer">
<ul class="tabs">
<li><a href="#panel1">About Us</a></li>
<li><a href="#panel2">Contact Us</a></li>
<li><a href="#panel3">Mailing List</a></li>
<li><a href="#panel4">Terms</a></li>
<li><a href="#panel5">Privacy Policy</a></li>
<li><a href="#panel6">Help</a></li>
</ul>
<div class="panelContainer">
<div class="panel" id="panel1">
<?php include('includes/aboutme.php'); ?>
</div>
<div class="panel" id="panel2">
<?php include('includes/contact.php'); ?>
</div>
<div class="panel" id="panel3">
<?php include('includes/mailinglist.php'); ?>
</div>
<div class="panel" id="panel4">
<?php include('includes/terms.php'); ?>
</div>
<div class="panel" id="panel5">
<?php include('includes/privacypolicy.php'); ?>
</div>
<div class="panel" id="panel6">
<?php include('includes/cheekyreference.php'); ?>
</div>
</div>
</div>
任意のポインタをいただければ幸いです。私は JavaScript にかなり慣れていないので、Web を検索しても答えを見つけることができませんでした。
物事を少し明確にするために：
about.php ページを表示している場合、タブ付きのインターフェイスが機能します。しかし、私が作成しようとしているリンクの種類は次のとおりです。別のページにいた場合、about ページの特定のタブにリンクしたいと思います。ナビゲーション フッターがあり、「メーリング リスト」や「連絡先」などのハイパーリンクをクリックして、正しいページと正しいタブを表示できるようにしたいと考えています。