2

3番目のタブリンクを他のWebサイトに追加したいのですが、クリックするとホームページの最初のタブにリダイレクトされます。3番目のタブではありません。

これはウェブサイトで使用されているリンクの例です。

<li><a href="#tab1">HOME</a></li>  
<li><a href="#tab2">About us</a></li>  
<li><a href="#tab3">services</a></li>  

and on other website I added  
<li><a href="http://www.mywebsitename.com/#tab1">HOME</a></li>  
<li><a href="http://www.mywebsitename.com/#tab2">About us</a></li>  
<li><a href="http://www.mywebsitename.com/#tab3">services</a></li>  

クリックするとホームページに移動します。そのための解決策はありますか?

4

2 に答える 2

0

他の皆さんと同じように、あなたが何を求めているのかわかりませんが、末尾にハッシュ アンカーを付けてタブの 1 つを自動的に選択する URL が必要な場合は、これでうまくいくと思います。

<script type="text/javascript">
$(function() {
    $('div#tabs').tabs({ selected: 0 });
    // Select the tab based on the url's hash anchor
    var index = $('div#tabs div.ui-tabs-panel').index($(document.location.hash));
    $('div#tabs').tabs('select', index >= 0 ? index : 0);
});
</script>

<!-- Tabs -->
<div id="tabs">
  <ul>
    <li><a href="#tab1">HOME</a></li>
    <li><a href="#tab2">About us</a></li>
    <li><a href="#tab3">Services</a></li>
  </ul>
  <!-- individual tab content divs -->
  <div id="tab1">Home sweet home!</div>
  <div id="tab2">This is a page about us.</div>
  <div id="tab3">At your service.</div>
</div>
于 2010-10-27T02:46:48.707 に答える
0

あなたの質問はあまり明確ではありませんが、jQuery プラグインを使用して div をタブ付きページに変換していると思います。

ロード時に、受信した URL を確認し、正しいタブにジャンプする (正しい div を有効にする) 必要があります。あなたの側からこれ以上のコードがなければ、これ以上具体的にすることは困難です。

于 2010-09-01T10:20:24.097 に答える