Question

$(document).ready(function() {

    //Default Action
    $(".tab_content").hide();//Hide all content
    $("ul.tabs li:first").addClass("active").show(); //Activate first tab
    $(".tab_content:first").show();//Show first tab content

    //On Click Event
    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active"); //Remove any "active" class
        $(this).addClass("active"); //Add "active" class to selected tab
        $(".tab_content").hide(); //Hide all tab content
        var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
        $(activeTab).fadeIn(); //Fade in the active content
        return false;
    });
});

我正在使用“＃tab1”和“＃tab2”作为div id

我无法弄清楚如何使用特定网址来更改标签。

Answer 1

基本上就是这样。将默认操作替换为下面的相关代码（保持单击事件）。您还需要为构成实际选项卡的每个“li”项命名，以便您可以确定选择在一天中的正确时间显示哪一个。然后，您将检查要显示的那个，并相应地显示它。

if (timeOfday == NightTime) {
   $(".tab_content").hide();//Hide all content
    $("#liForTab1").addClass("active").show(); //Activate first tab
    $("#tab1").show();//Show first tab content

} else { 
   $(".tab_content").hide();//Hide all content
    $("#liForTab2").addClass("active").show(); //Activate first tab
    $("#tab2").show();//Show first tab content

}

在一天中的特定时间更改选项卡

1 个答案: