选项卡和Ajax中的jQuery EasyUI选项卡

假设我在其他选项卡中有一些。单击外部选项卡时，内部选项卡通过Ajax加载。单击内部选项卡时，我想通过Ajax在单击的内部选项卡的面板中加载一些内容。我遇到的问题是，由于内部选项卡是通过Ajax加载的，因此我无法使用此选项：

$('.inner_tabs').tabs({
    onSelect: function(title, index){                           
        // do stuff
    }       
});

---

在我的内部选项卡面板中加载内容（因为内部选项卡稍后会添加到DOM中（因此，

$（'.internal_tabs'）

甚至无法识别）。我知道通常使用jQuery方法可以解决此问题。但是如何将此应用于我的当前情况？如何使用（）使用jQuery EasyUI的

onSelect

回调

在将内部选项卡添加到DOM之后，需要在ajax请求的

成功

回调中重新初始化内部选项卡

您可以这样做：

$('#outer_tabsid').tabs({
    onSelect: function(title, index){                           
    $.ajax({type: "POST",
       url: "ajaxurl.jsp?param="+index,                    
       success: function (response) {
       var innertabid='innerTab'+index;
       $('#outer_tabsid').tabs('add',{  
             title:'New Tab',  
             content:'<div id="'+innertabid+'" class="easyui-tabs" style= "width:500px;    height:250px;">',
          });
          $('#'+innertabid).tabs({
              onSelect: function(title1, index1){
                  // ajax call to load the selected innertab;
               }
         });

   });
    }       
});

$（'#外部选项卡SID'）。选项卡({
onSelect：函数（标题、索引）{
$.ajax（{type:“POST”，
url:“ajaxurl.jsp？param=“+index，
成功：功能（响应）{
var innerTab id='innerTab'+索引；
$（'#outer_tabsid'）。制表符（'add'，{
标题：“新选项卡”，
内容：“”，
});
$（'#'+innertabid）.tabs({
onSelect：函数（标题1，索引1）{
//ajax调用以加载所选的innertab；
}
});
});
}       
});

@ukung，Saigitha的答案似乎是正确的。ajax请求完成后，您需要重新初始化选项卡，这就是他们的答案。您有什么问题吗？您可以在执行ajax请求的地方共享代码吗？