jScrollPane не отображается с использованием .ui-autocomplete

Question

Here - это скрипка. Я пытаюсь сделать автозаполнение jQuery UI с помощью панели прокрутки 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 
     }); 
    } 
}); 

Я надеюсь, что это будет работать для вас.