0

私が何を意味するか知っていれば、jQuery タブにアンカーへのリンクを作成したいと思います。#idTab1 と #idTab2 の 2 つのタブを固定したページがあります。ここでは、Sean Catchpole による jQuery idTabs を使用しています... http://www.sunsean.com/idTabs/

これは私が持っているコードのモックバージョンです...

<div class="usual">
  <ul class="idTabs">
    <li><a name="idTab1" href="#idTab1" class="selected">Terms of Use</a></li>
    <li><a name="idTab2" href="#idTab2">Privacy Policy</a></li>
  </ul>

    <div class="handbook" id="idTab1">
    <p>Some content here...</p>
    </div>

    <div class="handbook" id="idTab2">
    <p>Some content here...</p>
    </div>

</div>

私が実現したいのは、#idTab1 用と #idTab2 用の 2 つのリンクです。下のフッター内に次を作成しました...

<div class="subfooter">  
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td width="100%"><a href="<?php echo url('/content/legal#idTab1');?>">Terms of Use</a> | <a href="<?php echo url('/content/legal#idTab2');?>">Privacy Policy</a><br/>
            <small><?php

            $mtime = explode(' ', microtime());
            $totaltime = $mtime[0] + $mtime[1] - $starttime;
            printf('Page generated in %.3f seconds.', $totaltime);

            ?></small></td>
        </tr>
    </table>
</div>

上記のリンクは実際に機能し、ページが開きますが、legal#idTab2 は代わりに最初のタブにリンクしています。ヒントや助けをいただければ幸いです。

乾杯。

4

1 に答える 1

0

jquery 関数は、最初にタブを変更し、次にアンカー タブに移動することでそれを行います。

<script>
function js_tabs_link(tabnum,anchorLink){
    $('#tabs_container_id').tabs('option', 'selected', tabnum);
    //tabnums start from 1 not 0
    window.location = "#"+anchorLink;
}    
</script>

を使用してリンクのスクリプトを呼び出します

<a href='javascript:js_tabs_link("3","about_us")'>about us</a>
于 2012-05-30T14:25:43.117 に答える