selectize.js预先输入字符(黄色)颜色未重置

时间:2016-10-04 19:55:24

标签: jquery selectize.js

我尝试使用selectize.js作为我的一个组件,我遇到了一个问题。有人可以帮助指出错误吗?

enter image description here

我只是键入了所有选项的前几个字符并删除了这些字符,但黄色突出显示没有从以前的类型重置。不删除带有选项类标记的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里程碑的一部分。未来发布可能不会有这个问题。

1 个答案:

答案 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();
                });
            }
        }
    });
});

仅适用于打字,选择鼠标,剪切或删除仍有问题。