Когда я пытаюсь выбрать один из элементов в моем списке автозаполнения, весь список исчезает! Это происходит, когда я пытаюсь перемещать мышь внутри выпадающего списка.
Моя автозаполнение:
js/jquery-ui-1.10.3.custom.min.js
, такой же, как jquery-ui-1.10.3.custom.less
.
Есть идеи?
Код HTML:
<div id="region_box" name="region_box">
<input type="text" name="name" placeholder="<%$(language.placeholder.search_box.%b__lang)%>" id="yourCity" size="35" maxlength="50" style="width:340px;" tabindex="1">
<input id="chooseb_auto" class="choose" value="&translate("SEARCHBOX_CHOOSE_BUTTON")" type="submit">
<div class="error_label">
...
Код JS:
// Choose the city button
var both = 0;
$(".choose").live("click",function(){
for (var id in regionArray) {
if( trim(regionArray[id].name[lang]).toUpperCase() == trim($("#yourCity").val()).toUpperCase() ) {
otherRegionChoosen(id);
window.LightBox.close();
return;
}
}
..
PS: У меня такая же автозаполнение на других страницах на веб-сайте, и она работает, но на целевой странице она не
если вы используете последнюю версию jquery, вы должны быть очень
.data("autocomplete")._ renderItem = function (ul, item) {}; в этой строке.
здесь мы сделаем ошибку, это "автозаполнение"..... В более высоких версиях JQuery мы должны
дайте как .data("ui-autocomplete")._ renderItem = function (ul, item) {};
для вас я разделяю некоторые фрагменты.... PLease найти его, и если у вас есть какие-либо проблемы, не стесняйтесь спрашивать... Happy Coding !!!!!!
Я думаю, что ты понял, что я говорю.....
$ ('# ID_YourElement'). Autocomplete ({source: function (request, response) {
var URL = '';
URL = "yourServiceURL";
$.ajax({
url: URL,
dataType: "json",
success: function (data2) {
response($.map(data2, function (item) {
return {
label: item.FirstName + ' ' + item.LastName,
value: item.FirstName + ' ' + item.LastName,
Data: item
}
}));
}
});
},
minLength: 2,
select: function (event, ui) {
$(this).attr("Data", JSON.stringify(ui.item.Data));
uiResult.push(ui.item.Data);
},
open: function (event, ui) {
if ($('.ui-autocomplete').find('li').length > 3) {
$('.ui-autocomplete').css('padding-right', '20px').css('width', '340px').css('max-height', '225px').css('overflow-y', 'auto').addClass('dropdown-menu');
}
else {
$('.ui-autocomplete').css('padding-right', '2px').css('width', '340px').css('max-height', '225px').css('overflow-y', 'auto').addClass('dropdown-menu');
}
$(".ui-helper-hidden-accessible").hide();
$(this).autocomplete('widget').css('z-index', 100000);
return false;
}
}).data("ui-autocomplete")._renderItem = function (ul, item) {
var html = '';
html = html + '<a href="javascript:;" tabindex="-1">';
html = html + '<div style="font-weight: 600;" class="span10">';
html = html + '<span>' + item.FirstName + ' ' + item.LastName + '</span><br>';
html = html + '<span>' + item.Email + '</span>';
html = html + '</div>';
html = html + '</a>';
return $("<li></li>").data("item.autocomplete", item).append(html).appendTo(ul);
};