twitter-bootstrap – 同一页面上的两个bootstrap typeaheads,具

发布时间：2020-12-17 21:25:39 所属栏目：安全来源：网络整理

导读：我希望两个不同的文本输入具有typeahead,每个输入都有不同的源函数.例如,一个获取first_names,另一个获取last_names. 这是它的外观,它不起作用： $('#first_name').typeahead({ source: function (query,process) { $.get('/users/typeahead-first-name',{ t

我希望两个不同的文本输入具有typeahead,每个输入都有不同的源函数.例如,一个获取first_names,另一个获取last_names.

这是它的外观,它不起作用：

$('#first_name').typeahead({
    source: function (query,process) {
        $.get('/users/typeahead-first-name',{ term: query },function (data) {
            return process(JSON.parse(data));
        });
    }
});

$('#last_name').typeahead({
    source: function (query,process) {
        $.get('/users/typeahead-last-name',function (data) {
            return process(JSON.parse(data));
        });
    }
});

第一个类型工作正常.但是,第二个,当我开始输入并且选项开始出现时,我单击一个选项,下拉菜单只是关闭,没有值插入到输入字段中.

任何人都知道如何让它工作？

解决方法

这对你来说可能有点晚了,但我在自己的应用程序中遇到了同样的问题.解决方案是添加“name”属性,如下所示：

$('#first_name').typeahead({
    name: 'first_name',source: function (query,function (data) {
            return process(JSON.parse(data));
        });
    }
});

$('#last_name').typeahead({
    name: 'last_name',function (data) {
            return process(JSON.parse(data));
        });
    }
});

只要它们不同,我在代码中调用它们并不重要.它也有一定道理,因为typeahead会保留响应缓存. (虽然我原以为他们会把缓存绑定到你绑定它的实例上,但……)

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!