链接到另一页面jQuery选项卡上的锚点

Question

我想创建一个链接到一个jQuery选项卡上的锚，如果你知道我的意思。我有一个页面，我已经锚定了两个选项卡，#idTab1和#idTab2。我使用肖恩·卡奇波尔的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。我在我的下脚注中创建了以下代码...

<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会链接到第一个选项卡。如果你能给我任何建议或帮助，我将不胜感激。

干杯。

Answer 1

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>