Question

我有这个编码。我希望能够在给定超链接的情况下访问说数据提取页面。我需要添加什么？

感谢戈登

    <div id="tabs">
        <ul>
            <li><a href="#tabs-instr"  >Instructions</a></li>
            <li><a href="#tabs-documentation"  >Documentation</a></li>            
            <li><a href="#tabs-step1"  >Data Extraction</a></li>
            <li><a href="#tabs-support">FAQ</a></li>
            <li><a href="#tabs-user"   >User Info</a></li>
        </ul>
        <div id="tabs-instr"></div>
                    <div id="tabs-documentation"></div>
        <div id="tabs-support"></div>
        <div id="tabs-user"></div>
        <div id="tabs-step1"></div>
      </div>
<script>
            $.get("cgi_scripts/main_userinfo.cgi",function(data){$("#tabs-user").html(data)});
            $.get("cgi_scripts/main_faqpage.cgi",function(data1){$("#tabs-support").html(data1)});
            $.get("cgi_scripts/main_intro_page.cgi",function(data2){$("#tabs-instr").html(data2)});
            $.get("cgi_scripts/main_documentation.cgi",function(data2){$("#tabs-documentation").html(data2)});            
            </script>

Answer 1

我认为你需要的是一个jQuery历史插件。使用此插件，您可以使用http://server/page#tabs-step1

等链接转到“数据提取”页面

有几个可用。这看起来很好：http://www.asual.com/jquery/address/

Answer 2

您可以将哈希值添加到锚点的href中，如下所示：

第1页：

<a href='secondPage.html#TheIDofTheContainer'>Go to a specific section on page 2</a>

详细了解深层链接和ajax here

Answer 3

作为旁注，我将脚本块放在document.ready（）中。 $（function（）{}）如果你愿意的话。

jQuery-ui标签会自动为它生成的标签ID编号：

使用.tabs（“add”，...）动态创建的标签的id为 ui-tabs-NUM，其中NUM是自动递增ID。如果你使用这个为您自己的元素命名约定，您可能会遇到问题

我建议检查生成的页面，并为所需的标签查找ID = ui-tabs - ###，然后创建一个像XGreen所提到的链接。

> <a href='secondPage.html#TheIDofTheContainer'>Go to a specific section
> on page 2</a>

只需将#TheIDofTheContainer更改为jQuery-ui标签生成的ID即可。

jquery，如何通过外部超链接访问某些标签页的页面？

3 个答案: