selectize.js typeahead character（yellow）color is not resetting

我嘗試使用selectize.js作爲我的組件之一，並且我正面臨一個問題。有人可以幫助指出什麼是錯的？selectize.js typeahead character（yellow）color is not resetting

我剛纔輸入的所有選項的前幾個字符就和刪除這些字符，但黃色的亮點不是從上式復位。帶有選項類標記的div的附加跨度不會被刪除。我使用selectize.js

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>

版本是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里程碑的一部分問題。可能將來的發佈不會有這個問題。

來源

2016-10-04 Mohan

你能提供一個jsfiddle或plunkr的例子嗎？ – n0m4d

在[Codepen]（http://codepen.io/Bes7weB/pen/jraokW?editors=1111）中試用它，我在控制檯出現了這個錯誤：«選擇：依賴項MicroPlugin缺失»。沒有找到它的CDN ...它看起來像Selectize.js的依賴關係，你必須下載：https://www.npmjs.com/package/microplugin –

@ n0m4d：首先很抱歉！我在上面粘貼了錯誤的js鏈接。我編輯了該網址，並添加了jsfiddle鏈接。 – Mohan

這裏有一個bug報告，看起來像您遇到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(); 
       }); 
      } 
     } 
    }); 
});

只適用於打字，用鼠標選擇和剪切或刪除仍然有我ssue。

來源

2016-10-04 20:55:54 smcd

我仍然看到你用上面提供的jsFiddle修復問題。 – Mohan

https://jsfiddle.net/kthy1gtx/1/小提琴爲我清除搜索高亮顯示Firefox 49.0.1，Chromium 53.0.2785.89，IE11和Windows 10上的Edge瀏覽器PC – smcd

用於重現此問題的步驟：類型畝，按回車鍵，按Backspace鍵，類型KET，按回車鍵，按Backspace鍵，型返，按回車鍵，按Backspace鍵，展開下拉看到黃色的亮點 – Mohan

selectize.js typeahead character（yellow）color is not resetting

回答

相關問題