jquery-ui.jsを使って、下記のようなタブを作成しました。
html
1<div id="tabs"> 2<ul> 3<li><a href="#tab1">タブ1</a></li> 4<li><a href="#tab2">タブ2</a></li> 5<li><a href="#tab3">タブ3</a></li> 6</ul> 7 8<div id="tab1">タブ1の中身を記述</div> 9<div id="tab2">タブ2の中身を記述</div> 10<div id="tab3">タブ3の中身を記述</div> 11</div> 12 13<script type="text/javascript">$('#tabs').tabs();</script>
これらのタブに直接、ページ内、もしくは別ページからリンクをはりたいのです。
■bodyに追加
html
1<a href="#tab1" class="tab_link">タブ1を開く</a><br /> 2<a href="#tab2" class="tab_link">タブ2を開く</a><br /> 3<a href="#tab3" class="tab_link">タブ3を開 4```く</a><br /> 5 6**■ヘッダーに追加** 7```javascript 8<script type="text/javascript"> 9 $(function() { 10 $('a.tab_link').click(function() { 11 $("#tabs").tabs().tabs('select', $(this).attr('href')); 12 return false; 13 }); 14 }); 15</script>
「タブ2を開く」をクリックすると、タブ2が開かれた状態で、
「<li><a href="#tab2">タブ2</a></li>」のところから表示されるようにしたいのです。
上記の例ですと、別ページから飛んできた場合(タブ部分の記述と「タブを開く」の記述が別々のページ)はきちんと動作するのですが、同じページ(1ページに両方記述)ですと、うまく動作しないのです。
お分かりになる方、おられましたら、ご教授いただければ幸いです。
よろしくお願いいたします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。