ajax动态选项卡,如何将动态生成的ajax内容附加到jquery ui选项卡中新添加的选项卡？...

我在侧面板上有以下表格的表格：

one

two

three

four

当有人点击该列的某一行时，该行的标题将作为参数传递给在主面板中显示搜索结果的函数。

$("#content-display").on('click', 'tr', function (){

searchResults($(this).attr('title'));

});

该行的标题是获取请求中使用的搜索词

function searchResults(searchTerm){

$.ajax({

url: "search.php",

data: {term: searchTerm},

success: function(data){

$("#content-display").html(data);

},

dataType: 'html'

});

}

每当有人点击表格中的某一行时，新的搜索结果会替换#content-display div中的旧内容。

我想使用jquery ui标签改进此功能，以便

元素上的每次点击都会创建一个新标签，其中包含搜索结果，而不是在新搜索结果时替换现有搜索结果完成。

如何将回调函数写入add事件，以便它附加动态生成的搜索查询内容(search.php？term = dynamicString)？

以下是添加静态内容的add事件的回调函数示例代码：

var $tabs = $("#tabs").tabs({

tabTemplate: "

#{label} Remove Tab",

add: function (event, ui){

var tab_content = "testing";

$(ui.panel).append(tab_content);

}

});