Select2和jScrollPane

Question

如何将Select2与jScrollPane相结合？

我想出了这个：

$("select").select2({
    width: "300px"
});

$(document).on("select2-open", "select", function () {
    $('.select2-results').jScrollPane({
        'mouseWheelSpeed': 40
    });
});

$(document).on("select2-close", "select", function () {
    $('.select2-results').data('jsp').destroy();
});

http://jsfiddle.net/b8LZJ/29/

但是在使用(关闭)一次之后，select2停止工作(无法选择选项)。有办法解决吗？我真的需要jScrollPane插件，而不是别的东西。

更新1：

我通过在下拉关闭时重新初始化select2来使其工作，但我希望有更好的方法。

$(document).on("select2-close", "select", function () {
    $('.select2-results').data('jsp').destroy();
    $("select").select2();
});

http://jsfiddle.net/b8LZJ/35/

Answer 1

你需要更新；

 $('.select2-results').jScrollPane({
            'mouseWheelSpeed': 40
        });

至

 $(this).parent(".select2-drop").jScrollPane({
            'mouseWheelSpeed': 40
        });

您正在将jScrollPane应用于错误的元素。

下面是一个工作演示：小提琴