Question

问题。我有一些标签，我希望能够链接回另一个页面的特定标签，并使其成为活动标签。我该怎么办？

HTML：

<div id="tabs-container">
            <ul class="tabs-menu">
                <li class="current"><a href="#tab-1"><strong>Tab 1</strong></a></li>
                <li><a href="#tab-2"><strong>Tab 2</strong></a></li>
                <li><a href="#tab-3"><strong>Tab 3</strong></a></li>
                <li><a href="#tab-4"><strong>Tab 4</strong></a></li>
            </ul>

            <div class="tab">
                <div id="tab-1" class="tab-content">Content1</div>
                <div id="tab-2" class="tab-content">Content2</div> 
                <div id="tab-3" class="tab-content">Content3</div>
                <div id="tab-4" class="tab-content">Content4</div>
            </div>   

</div>

的JavaScript

$(document).ready(function() {
    $(".tabs-menu a").click(function(event) {
        event.preventDefault();
        $(this).parent().addClass("current");
        $(this).parent().siblings().removeClass("current");
        var tab = $(this).attr("href");
        $(".tab-content").not(tab).css("display", "none");
        $(tab).fadeIn();
    });
});

提前致谢：）

Answer 1

您可以使用以下网址参数：

function getUrlParameter(sParam) {
    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
        }
    }
};

$(function(){
    var toGet = getUrlParameter('tab');
    $(".tab-content").not('#'+toGet).css("display", "none");
    $("#"+toGet).fadeIn();
});

使用http://....?tab=tab-1

之类的网址

锚定链接到另一个页面的另一个特定标签的内容

1 个答案: