链接到特定选项卡/直接到选项卡答案

【问题标题】：Link to a specific tab / directly to a tab链接到特定选项卡/直接到选项卡
【发布时间】：2013-02-17 01:29:01
【问题描述】：

是否可以直接链接到网站的标签，例如http://www.antutu.com/Ranking.shtml？

我指的是标签推荐、最高、最低........

查看源代码，我在块中的脚本中找不到任何类和 id 的引用：

<div class="tab">
<div class="tab_bg" id="mobile-tab">
<div class="fl tab_i"><a href="javascript:;"onclick="loadRanking_order(this,'mobile','df');">Recommend</a></div>
<div class="fl tab_i2"><a href="javascript:;" onclick="loadRanking_order(this,'mobile','hs');">Highest</a></div>
<div class="fl tab_i2"><a href="javascript:;" onclick="loadRanking_order(this,'mobile','ls');">Lowest</a></div>
<div class="fl tab_i2"><a href="javascript:;" onclick="loadRanking_order(this,'mobile','bv');">Cost-effective</a></div>
<div class="fl tab_i2"><a href="javascript:;" onclick="loadRanking_order(this,'mobile','be');">Experience</a></div>
<div class="fl tab_i2"><a href="javascript:;" onclick="loadRanking_order(this,'mobile','bp');">Hottest</a></div>
<div class="fl tab_i2"><a href="javascript:;" onclick="loadRanking_order(this,'mobile','bc');">Camera</a></div>
<div class="fl tab_i2"><a href="javascript:;" onclick="loadRanking_order(this,'mobile','up');">Professional</a></div>
<div class="cl"></div>
</div>
</div>

哦，我对 html 和 javascript 真的很陌生，但我使用的是这个网站：http://www.dnnstuff.com/modules/aggregator-tabbed-modules/aggregator-demos/linking-directly-to-a-tab.aspx 的代码作为指南。

【问题讨论】：

如果您将其加载到 iframe 中并使用 javascript 移动到 elemtn，您也许可以这样做
不确定这是否有帮助，但您可以通过直接请求从某些选项卡中检索结果，例如antutu.com/Ranking.shtml?cmd=ajax_mobile&o=be

标签： javascript html tabs hyperlink shtml

【解决方案1】：

使用指向页面的实际链接不会如此显示。

当点击标签页时页面会运行这段代码

function loadRanking_order(obj, m, o) {
    $("div#" + m + "-tab div.tab_i,div#" + m + "-tab div.tab_i2").removeClass("tab_i").addClass("tab_i2");
    obj.parentNode.className = "fl tab_i"
    if (o == 'df') {
        $('#rank_' + m + '_lists').html($('#rank_' + m + '_default').html());
        return;
    }
    $.ajax({
        url: '/Ranking.shtml?cmd=ajax_' + m + '&o=' + o,
        dataType: "html",
        success: function (data) {
            $('#rank_' + m + '_lists').html(data);
        }
    });
}

您也许可以在 iframe 中加载页面并自己调用 javascript 方法

【讨论】：