jquery ui autoComplete - Как реализовать индикатор прогресса?
-
09-10-2019 - |
Вопрос
Если титул вопроса не был понятен:
Я использую плагин AutoComplete jQuery (часть jquery ui 1.8.5)
Я бы подумал, что прилагаемые CSS / изображения будут включать в себя Ajax-подобное изображение прогресса?
Если нет, каков самый простой способ создать один?
Это мой код автозаполнения:
$('#query').autocomplete({
source: function (request, response) {
$.ajax({
url: "/Search/FindLocations",
type: "POST",
dataType: "json",
data:
{
searchText: request.term
},
success: function (data) {
response($.map(data, function (item) {
return { name: item.name, value: item.name }
}))
}),
select: function (event, ui) {
// snip... (this is where i display stuff about what they clicked).
}});
Где я должен скрыть / показать изображение в вышеуказанном коде?
Очевидно, после кода в «Выбрать» я могу скрыть изображение, но где я могу «показать» изображение?
Решение
$('#query').autocomplete({
source: function (request, response) {
//i would show the image here, before starting your ajax request
$("#theImage").show();
$.ajax({
url: "/Search/FindLocations",
type: "POST",
dataType: "json",
data:
{
searchText: request.term
},
success: function (data) {
response($.map(data, function (item) {
return { name: item.name, value: item.name }
}))
}),
select: function (event, ui) {
// snip... (this is where i display stuff about what they clicked).
}});
Не связан с StackOverflow