javascript - JQuery 选项卡选择 If 条件

Question

我需要有关 JQuery if 所选选项卡条件的帮助。我尝试了很多不同的方法并用谷歌搜索但无法成功。

我正在使用 MVC 和 JQuery。我在index.aspx中有两个选项卡

索引.aspx

<div id="entry-analysis-data-chart-tabs">
        <ul>
            <li><a id="cumulative-chart" href="#cumulative-inhome-chart">Cumulative In Home Data Chart</a></li>
            <li><a id="non-cumulative-chart" href="#noncumulative-inhome-chart">In Home Daily Data Chart</a></li>             
        </ul>
        <div id="cumulative-inhome-chart" style="height: 300px;">
            <div id="cumulative-inhome-chart-div" style="width: 480px; padding-left: 0;"></div>
        </div>
        <div id="noncumulative-inhome-chart" style="height: 300px;">
            <div id="noncumulative-inhome-chart-div" style="width: 480px; height: 100%; padding-left: 0;"></div>
        </div>
    </div>

<小时/>

在 JQuery

$(config.selectors.$resultsTable).live("click", function () {

        if cumulative-chart Tab is selected I want to execute this function 
        setupCummulativeChart();

        if non-cumulative-chart tab is Selected then I want this function to be executed
        setupNonCummulativeChart();


    });

你能帮我看看该怎么做吗？

Answer 1

$(config.selectors.$resultsTable).live("click", function () {
    if( $('#cumulative-inhome-chart').is(':visible') ) {
        // ...
    }
    if( $('#noncumulative-inhome-chart').is(':visible') ) {
        // ...
    }
}

这是有效的，因为未选择的选项卡具有 display:none 作为 css 属性。我假设您单击不同的内容，并且您想测试当前选择的是哪个选项卡。