Select2 +自定義滾動條

Question

我正在嘗試將某些自定義滾動條與Select2 4.0連接。 我在這里發現了一些關於stackoverflow的老話題，但是解決方案（使用select2 3.4）似乎已經過時了。

我嘗試了：jquery.scrollpane和jquery.nicescroll。 兩個滾動條均不適用於Select2 4.0。 還是我做錯了什么？

滾動面板解決方案（使用時，出現“未找到結果”錯誤）

 $(function() { $('.select2-with-scroll').jScrollPane(); $w.on('resize', function() { $('.select2-with-scroll').jScrollPane(); }); }); 

 <select class="select2-with-scroll"> <option value=""></option> <option value="50">50</option> <option value="55">55</option> <option value="60">60</option> <option value="65">65</option> <option value="70">70</option> <option value="75">75</option> <option value="80">80</option> <option value="85">85</option> <option value="90">90</option> <option value="95">95</option> <option value="100">100</option> </select> 

nicescroll解決方案（完全沒有效果，如上所示的HTML）

 $(document).ready( function() { $("select2-with-scroll").niceScroll(); } ); 

還有其他可與Select2 4.0一起使用的自定義滾動條嗎？ 或者也許可以將Nicescroll或scrollpane與Select2連接起來？ 任何幫助將不勝感激。

Answer 1

使用select2 v4.0 + nicescroll v3.6.6嘗試做這樣的事情

$('select').select2()
.on("select2:open", function () {
    $('.select2-results__options').niceScroll();
});