jquery - jScrollPane が「.ui-autocomplete」を使用して表示されない

Question

これがフィドルです。jQuery UI AutoComplete に jScrollPane スクロールバーを持たせようとしています。何らかの理由で、スクロールバーが Mac のデフォルトのスクロールバーとして表示されます。

JavaScript (スクロールバーのみ):

$('.ui-autocomplete').jScrollPane({
    showArrows: true
});

実際にドキュメントを jScrollPane コードにリンクしたことをお伝えしておきます。

Answer 1

この問題は、何かを入力するたびに.ui-autocomplete要素が新しく作成されるために発生します。したがって、ドロップダウンを開くたびに jScrollPane を追加する必要があります。

$('#input').autocomplete({
    source: langs,
    open: function( event, ui ) {
        $('.ui-autocomplete').jScrollPane({
            showArrows: true
        });
    }
});

これがうまくいくことを願っています。