입력 결과에서 선택했을 때 jQuery 자동 완성 결과가 활성화 됨

Question

jQuery 자동 완성 위젯을 찾고있는 종의 이름을 입력하기 시작하면 드롭 다운과 일부 결과가 나타납니다. 큰!!

유일한 문제는 목록에서 항목을 선택하면 해당 목록 항목 아래에있는 입력 요소가 활성화된다는 것입니다. 상단에 안드로이드 네이티브 드롭 다운이 생성됩니다. 자동 완성 결과 상자 및 입력 요소에 z- 인덱스를 사용하려고했습니다. 둘 다 일하지 않아.

아이디어가 있으십니까?

Answer 1

이벤트 전파를 취소하면이를 해결하는 열쇠가 될 수 있습니다. 이 질문은 귀하가 가고있는 문제를 해결하는 데 도움이 될 수 있습니다. Event propagation in Javascript

이 또한 유용 할 수 있습니다 http://www.quirksmode.org/js/events_order.html

Answer 2

음,도 전파 나 Z-인덱스는 문제를 해결하기 위해 보인다.

내가 찾은 유일한 방법은 비활성화 된 모드로 자동 완성되는 것을 제외한 다른 필드를 설정하는 것입니다.

그래서, 자동 완성 상자가 열릴 때, 나는 장애인에 대한 다른 모든 입력을 설정하고 상자가 닫히면으로 재설정 :

$("#venue_name").autocomplete({ 
    minLength: 2, 
    source: venueData, 
    open: function(event, ui) { // disable other inputs 
     $("input#venue_address").attr("disabled", "disabled"); 
     $("input#venue_cross_street").attr("disabled", "disabled"); 
     $("input#venue_city").attr("disabled", "disabled"); 
    }, 
    close: function(event, ui) { // re-enable other inputs 
     $("input#venue_address").removeAttr("disabled"); 
     $("input#venue_cross_street").removeAttr("disabled"); 
     $("input#venue_city").removeAttr("disabled"); 
    } 
}); 

당신은 위의 코드를 향상시킬 수, 말,에 요소를 넣어 배열 등으로 사용할 수 없게되지만 기본 논리는 동일하게 유지됩니다. 자동 완성 상자가 활성화되면 안드로이드가 강조 표시하지 않도록 요소를 비활성화하고 자동 완성 상자가 꺼지면 다시 활성화합니다.