자동 완성 기능을 구현하려고 시도하면서 저를 곤혹스럽게 한 문제를 발견했습니다. 처음으로 .autocomplete를 호출하면 정상적으로 작동하며 아무런 문제가 없습니다. 그러나 DOM에서 일부 (관련없는) 요소를 제거하고 DOM에 새 섹션을 추가 한 후에이를 호출하면 자동 완성이 수행하지 않으며 오류가보고되지 않습니다. 코드 : - 페이지Jquery UI dom 조작 후 자동 완성 기능이 작동하지 않습니다.
$.ajax({
type : 'get',
dataType : 'json',
url : '/finance/occupations',
cache:true,
success:function(data){
occupationList = data;
$('.js-occupation').autocomplete({
source: occupationList,
messages: {
noResults: '',
results: function(){}
},
minLength : 2,
select:function(event, ui){
$('.js-occupationId').val(ui.item.id);
}
});
}
});
배경은 사용자가 그들을 통해 이동으로 조작 여러 섹션이 포함되어 있다는 것입니다. 숨기기 및 표시는 제대로 작동하며 자동 완성에 영향을주지 않습니다. 그러나, 내가 할 경우 다음과 같은 : - 사용자에게 다음 자동 완성 작동이 중지 이전 섹션에 여러 개의 주소를 추가 할 수있는 합성을 제공
var section = $('.js-addressForm:last').clone();
clearForm(section);
$('div.addressDetails').append(section);
$('.js-addressForm:first').remove();
.
어떤 제안이나 확실한 포인터가 있습니까?
요소가 포커스를 얻었지만 여전히 작동하지 않을 때 이벤트에 자동 완성의 초기화를 넣으려고했습니다.
자동 완성이'.js-addressForm : first' .. 안에 있습니까? HTML 또는 온라인 데모를 볼 수 있습니까? –
아니. .. 그것은 완전히 다른 섹션에있다. .. 그것은 이상한 작은 이유 다. –
온라인 데모에서 이것을 재현 할 수 있습니까? –