show dropdown on click для typeahead (runningcoder)

Question

Я использую typeahead from runningcoder.

В настоящее время я вынужден ввести фильтр поиска в поле поиска, чтобы вызвать раскрывающуюся часть.

Я хочу отобразить раскрывающийся список доступных параметров, когда я нажимаю на поле поиска (или фокусируюсь на нем).

$('#city_list').typeahead({ 
    order: "desc", 
    highlight: false, 
    cache:true,  
    source: { 
     data: allCities 
    }, 
    callback: { 
      onClick: function (node, a, obj, e) { 
       $('#city_list').select(); 
       loadCityDetails(); 
      } 
     }, 
    }); 

Как вы можете видеть, OnClick относится к щелчку элемента в списке, а не само поле поиска.

Обработчик нажмите на выходах полого поиска не найдена

$('body').on('click', '#city_list', function(event) { 
    alert('hellooo'); 
}) 

Как я могу заставить список доступных опций, чтобы показать, когда я нажимаю на поле поиска?

JSfiddle: http://jsfiddle.net/57pL6gdd/

UPDATE: Эта функция была добавлена ​​в версии 2.х

Answer 1

Попробуйте использовать фокус в отличие от мыши:

$('#city_list').focus().typeahead({ 
order: "desc", 
highlight: false, 
cache:true,  
source: { 
    data: allCities 
}, 
callback: { 
     onClick: function (node, a, obj, e) { 
      $('#city_list').select(); 
      loadCityDetails(); 
     } 
    }, 
}); 

Answer 2

Вы уверены, вы прикрепляете обработчик кликов к полю поиска, а не к списку?

Судя по второму фрагменту коды селектор, который вы используете #city_list, который в соответствии с первым фрагментом кода приведен списком доступных вариантов после того, как что-то было введено в.

$('body').on('click', '#search_field', function(event) { 
    alert('hellooo'); 
}) 

Изменения выше ' #search_field "в тот, который вы используете для своего поля поиска.