Я новичок в этом и смотрел другие примеры, но неясно, как установить сообщения "Нет совпадений" для последней версии автозаполнения http://docs.jquery.com/UI/Autocomplete, когда нет результатов.
Это код, который я использую, может кто-нибудь помочь написать остальное, в идеале, удерживая его кликабельным на странице «предложений».
<script>
$(document).ready(function() {
var data = [
{label: 'Yahoo', value: 'http://yahoo.com'},
{label: 'BMW', value: 'http://bmw.com'},
{label: 'Bing', value: 'http://bing.com'}
];
$("input#autocomplete").autocomplete({
source: function(request, response) {
var results = $.ui.autocomplete.filter(data, request.term);
response(results.slice(0, 10))},
focus: function (event, ui) {
$(event.target).val(ui.item.label);
return false;
},
select: function (event, ui) {
$(event.target).val(ui.item.label);
window.location = ui.item.value;
return false;
}
});
});
</script>
Заранее спасибо.
ОБНОВЛЕНИЕ: удалось собрать исправление, но как я могу вставить рабочую ссылку в сообщение?
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
var data = [
{label: 'Yahoo', value: 'http://yahoo.com'},
{label: 'BMW', value: 'http://bmw.com'},
{label: 'Bing', value: 'http://bing.com'}
];
$("input#autocomplete").autocomplete({
source: function(request, response) {
var results = $.ui.autocomplete.filter(data, request.term);
if (!results.length) {
$("#no-results").text("<a href=\"/\">No results found!</a>");
} else {
$("#no-results").empty();
}
response(results.slice(0, 10));
},
focus: function (event, ui) {
$(event.target).val(ui.item.label);
return false;
},
select: function (event, ui) {
$(event.target).val(ui.item.label);
window.location = ui.item.value;
return false;
}
});
});
//]]>
</script>