Добавить ссылку на элемент автозаполнения JQueryUI
Когда пользователь начинает вводить текст в поле поиска, страница предложения возвращает последний элемент из всех коллекций, соответствующих этому nama, а также другие данные.
Я хотел бы показать этот элемент (вдоль его изображения) и ссылку «посмотреть все элементы из этой коллекции».
Я могу сделать (большую часть) это с помощью следующего кода:
$('#search').autocomplete({
source: function (request, response) {
$.ajax({
url: suggesturl,
dataType: 'json',
data: request,
success: function (data) {
response(data.map(function (value) {
return {
'label': '<img src="' + value.thumbsmall + '" />' + value.name + '<a href="/">More items from this collection...</a>',
'value': value.fullname
};
}));
}
});
},
minLength: 3
})
Проблема в том, что, хотя ссылка отображается в поле, при нажатии она игнорируется, и по умолчаниюselect
действие выполнено (элементvalue
помещается в текстовое поле).