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

Question

是否可以直接链接到诸如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的代码作为指南。

Answer 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方法