javascript - 如果条件，则选择“jQuery”选项卡

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

我正在使用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();


    });

您能帮我怎么做吗？

最佳答案

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

之所以有效，是因为未选择的选项卡具有display：none作为css属性。
我假设您单击不同的内容，并且要测试当前选择的选项卡。

关于javascript - 如果条件，则选择“jQuery”选项卡，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25090095/