我在侧面板上有以下表格的表格:
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} ",add: function (event, ui){
var tab_content = "testing";
$(ui.panel).append(tab_content);
}
});