第一次单独使用 Ajax 加载 JQuery 选项卡答案

【问题标题】：JQuery Tabs Loading with Ajax for first time alone第一次单独使用 Ajax 加载 JQuery 选项卡
【发布时间】：2012-02-03 06:04:12
【问题描述】：

我正在使用基于组合框选择的 ajax 将数据加载到 jquery 选项卡中并来到第一个选项卡，然后数据加载正常。我不知道为什么在更改第一个选项卡中的组合框选择时它没有加载。

在下面的示例中，我正在检查“Value L”之类的条件，如果是 “L”，那么我需要显示三个选项卡，如果值为不是 "L" 那么我需要显示两个标签。

当两个选项卡显示时，第一个选项卡数据未加载。

 $(function() {
     $("#contractType").change(function(){                          

            if($("#contractType").val()=="L") //Combo Selection Values
                {                       
                    $("#hidetab").show();//Loading tabs
                    $("#tabs-0").show();
                    $("#dispEmp").removeClass('ui-tabs-selected ui-state-active');

                }//if

            else
                {
                    $("#hidetab").hide();
                    $("#tabs-0").hide();//Hides the first tab                       
                    $("#tabs-1").show();/*Displays remaining two tabs below*/
                    $("#tabs-2").show();
                    $("#dispEmp").addClass('ui-tabs-selected ui-state-active');
                    $("#jqgrid").show();//Here i am trying to load the data in second tab using ajax call.
                    $("#dispEquip").removeClass('ui-tabs-selected ui-state-active');

                }

     });         

 });

【问题讨论】：

标签： jquery-ui jquery jquery-selectors

【解决方案1】：

我得到了答案，它现在工作正常。

虽然我当时正在根据条件更改组合框，但我将选项卡设为选中状态。

$( "#yourtabId" ).tabs( "option", "selected", 0 );//this code will select the index of the tab as selected.

0->标签的索引。

在选择选项卡时，如果我们需要返回选项卡索引值，则会调用此函数。

$('#yourtabId').tabs({
            select: function(event, ui) {

            ui.index // Will return the selected index of the tabs.
          }
        });

【讨论】：