当我尝试使用 taginput 和 typeahead 时,我不断收到此错误。
html:
<section id="examples">
<div class="example example_typeahead">
<h3>Typeahead</h3>
<div class="bs-example">
<input class="testing" type="text" value="nope" />
</div>
</div>
</section>
javascript:
var data = ['yes', 'yesyes', 'no', 'nope', 'yes again'],
elt = $('.testing');
elt.tagsinput({
typeahead: {
source: data
},
});
单击列表中的项目后出现应用错误。我还注意到我输入的文本没有被删除。
我搜索过其他类似的问题,但没有找到有效的答案。
note:我正在使用这个插件进行预输入https://github.com/bassjobsen/Bootstrap-3-Typeahead还有这个标签输入插件http://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/
I guess,但我不确定是否已经进行了 bootstrap-tagsinput 更新,这在某种程度上打破了它处理“旧”引导程序提前输入的方式。我发现了两个错误,但没有完全找出原因。
第 1 期
错误“无法读取未定义的属性“应用”" 是在预输入中引发的,是由预输入尝试定位未定义的值引起的。问题是here以及。我做了一个拉取请求为此(点击查看详情)。希望我的建议能被合并,如果没有你可以下载this分叉仓库。 拉取请求现已合并到 master 中。
第二期
当令人讨厌的异常成为历史时,我注意到在预先输入中进行选择后, bootstrap-tagsinput 并没有被清理。已做出选择,但整个字符串或字符串的一部分仍保留在输入框中。这可以通过使用来解决afterSelect
处理程序:
$('#someElement').tagsinput({
typeahead: {
source: data,
afterSelect: function() {
this.$element[0].value = '';
}
}
})
通过这两项更改,bootstrap-tagsinput 和 boostrap3-typeahead 可以按预期工作。查看演示 ->http://jsfiddle.net/bao3vk2m/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)