プロが教える店舗&オフィスのセキュリティ対策術

初めて質問します。

プログラムはまったくの素人です。
JSを使ったタブの切り換えページを制作しています。
タブの設置は終わっているのですが、
別ページから、タブに直接リンクをしたいと思っています。

下記JSを使用しています。

http://wingplanet.pupu.jp/jquery_tab_fadein.js

JSのどこを書き換え、別ページにどのようにリンクをかけば、
タブに直接リンクできるでしょうか?

どなたかおわかりになる方がいらしゃいましたら、
教えて下さい。

よろしくお願いします。

A 回答 (2件)

A No1です。



こちらの環境では、ご提示のHTMLではちゃんと動きませんが、それは置いておくとして…

全部のセッティング終了後に
 var hash = location.hash;
 if(hash) $("ul.btn_tab a[href=" + hash + "]").click();
で、いけると思います。

URIのハッシュ部の指定tab名のタブをクリックさせています。
詳しくはA No1で挙げた参考リンクの内容を見てください。
    • good
    • 1

jsファイルだけで全貌が理解できるような神様ではないので…




URIのハッシュを利用するのが多いのではなかろうか。
方法としてはこのあたり(↓)をご参考に。
 http://oshiete.goo.ne.jp/search_goo/result/?MT=% …

この回答への補足

<div id="wrapper">
<ul class="btn_tab">
<li><a href="#tab1" class="selected">
<img src="" /></a></li>
<li><a href="#tab2" class="selected">
<img src="" /></a></li>
<li><a href="#tab3" class="selected">
<img src="" /></a></li>
</ul>

<div class="main_contents_box">
<div class="container_tab">

<div id="tab1"></>
<div id="tab2"></>
<div id="tab3"></>

</div></div></div>

補足日時:2013/06/12 15:28
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!