gpt4 book ai didi

javascript - 如何将 CSS 应用于此 jQuery 函数的结果?

转载 作者:行者123 更新时间:2023-11-28 08:51:51 25 4
gpt4 key购买 nike

我希望以无序列表的形式返回以下搜索结果,该类名称为“my-results”。我不知道在下面的代码中哪里可以应用我的类名称。

HTML 是动态生成的。页面上没有像这样预先存在的静态元素:

<ul class="my-results"></ul>

这是我正在使用的函数。

$(document).ready(function() {
var cache = {};
$( '#top-search-input' ).autocomplete({
source: function( request, response ) {
if (request.term in cache) {
response(cache[request.term]);
return;
}
$.ajax({
url: "http://example.com/search",
data: {
q: "*" + request.term + "*",
type: "Search",
view: "json",
},
dataType: "json",
success: function( data ) {
if (data.length) {
cache[request.term] = data;
}
response(data);
}
});
},
minLength: 2,
select: function( event, ui ) {
window.location = ui.item.url;
},
}).data( 'ui-autocomplete' )._renderItem = function( ul, item ) {
var elemHTML = $('<a></a>').attr('href', item.url);
elemHTML.append('<span class="thumbnail"><img src="' + item.thumbnail + '" /></span>');
elemHTML.append('<span class="title">' + item.title + '</span>');
return $( '<li class="ui-menu-item" >' )
.append( elemHTML )
.appendTo( ul );
};
});

最佳答案

在代码集的最后一行之后:

$("ul").addClass("my-results");

关于javascript - 如何将 CSS 应用于此 jQuery 函数的结果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27308498/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com