我尝试使用selectize.js作为我的一个组件,我遇到了一个问题。有人可以帮助指出错误吗?
我只是键入了所有选项的前几个字符并删除了这些字符,但黄色突出显示没有从以前的类型重置。不删除带有选项类标记的div的附加范围。
JSP
<select id="select-state" multiple>
<option>Mustard</option>
<option>Ketchup</option>
<option>Relish</option>
</select>
脚本
<script>
$(function() {
$('#select-state').selectize({
plugins: ['remove_button'],
});
});
</script>
我用于selectize.js的版本是0.12.3。
https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.3/css/selectize.bootstrap2.min.css
https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.3/js/standalone/selectize.min.js
的jsfiddle: http://jsfiddle.net/wh6Nx/308/
更新
由于我提到的问题已经被添加到0.12.4里程碑的一部分。未来发布可能不会有这个问题。
答案 0 :(得分:2)
以下是指向您遇到的问题的错误报告的链接https://github.com/selectize/selectize.js/issues/1141
这是一个演示问题https://jsfiddle.net/kthy1gtx/
的小提琴这是一个解决问题的黑客
https://jsfiddle.net/kthy1gtx/1/
$(function() {
$('#select-state').selectize({
plugins: ['remove_button'],
onType: function(val) {
if (val === "") { /* when the input is cleared, clear all cache highlighting */
$.each(this.renderCache.option, function(k, v) {
v.innerHTML = $(v).text();
});
}
}
});
});
仅适用于打字,选择鼠标,剪切或删除仍有问题。