如果条件选择JQuery选项卡

Question

如果选择标签的条件，我需要帮助JQuery。我尝试了很多不同的方法并用Google搜索，但无法实现。

我使用MVC和JQuery。我在index.aspx中有两个标签

的Index.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') ) {
        // ...
    }
}

这是有效的，因为未选中的选项卡显示：none作为css属性。 我假设您点击了不同的内容，并且您想要测试当前选择的选项卡。