Die ul-Liste scrollt nicht beim Drücken einer Taste, sondern mit dem Mausrad
Ich arbeite mit Bootstrap 3 und habe eine autossugest Eingabe. Das Problem ist, dass ich das will<ul>
mit den Tastaturtasten blättern, aber es funktioniert nicht. Ich denke, Scrollen mit den Pfeiltasten ist ein Standardverhalten, aber die<ul>
tut es nicht Folgendes passiert:
Wenn ich die Ab-Taste zweimal drücke:
Ich benutze dieTippfehler entwickelt von Bassjobsen.
HTML Quelltext:
<input type="text" class="form-control" data-provide="typeahead" id="test">
Javascript-Code (mit JQuery.js):
$('document').ready (function () {
$('#test').typeahead({
source: ['algo', 'pepe', 'algo2', 'algo34', 'pepe3', 'algo42'],
items: 'all',
minLength: 2
});
});
ich setzeitems
zuall
um alle Artikel in anzuzeigensource
. Deshalb muss ich sie scrollen.
Ich habe diesen Inline-Stil zum generierten hinzugefügt<ul>
:
style="max-height: 50px; overflow-y: auto;"
Das ist also der Code, der von der Bassjobsens-Bibliothek generiert wird:
<ul class=" dropdown-menu" style="max-height: 50px; overflow-y: auto; top: 73px; left: 20px; display: none;" "="">
<li class="active">
<a href="#"><strong>al</strong>go</a>
</li>
<li>
<a href="#"><strong>al</strong>go2</a>
</li>
<li>
<a href="#"><strong>al</strong>go34</a>
</li>
<li>
<a href="#"><strong>al</strong>go42</a>
</li>
</ul>