Question

如果你知道我的意思，我想在jQuery选项卡上创建一个锚点的链接。我有一个页面，我已经锚定了两个选项卡，＃idTab1和＃idTab2。我使用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。我在我的下脚内创建了以下内容......

<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>

上面的链接实际上有效，页面打开，但合法的＃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>

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

1 个答案: