Входные данные в результатах автозаполнения jQuery активируются при выборе результата

Когда я начинаю вводить имя вида, я ищу виджет автозаполнения jQuery, который содержит раскрывающийся список и некоторые результаты. Большой!!

Единственная проблема заключается в том, что когда я выбираю элемент из списка, активируется «элемент ввода, который находится под этим элементом списка». И приводит к выпадающему списку андроидов по всей вершине. Я попытался использовать z-индексы в окне результатов автозаполнения и на элементах ввода. Ни одна из них не работает.

Какие-нибудь идеи кто-нибудь?

Ну, ни распространение, ни 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"); } }); 

Вы можете улучшить код выше, скажем, путем помещения элементов в массив и т. Д., Но основная логика остается неизменной: отключить элементы, чтобы андроид не выделял их при активации окна автозаполнения и снова включал Их когда-то автоматически заполняется коробка.

Отмена распространения событий может быть ключом к решению этого. Этот вопрос может помочь решить проблему, с которой вы столкнулись. Распространение событий в Javascript

Это также может оказаться полезным: http://www.quirksmode.org/js/events_order.html