Question

目前，我被迫在搜索字段中输入搜索过滤器，以便触发下拉部分。

我想在点击搜索字段时显示可用选项的下拉列表，（或关注它）。

$('#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/

更新此功能现已添加到版本2.x

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'选择器更改为您用于搜索字段的选择器。

显示下载单击类型为typeahead（runningcoder）

2 个答案: