1
有沒有人遇到過這種情況Bootstrap-combobox project?如果我輸入前幾個字母,則下拉菜單會顯示已篩選的項目列表。現在,如果我按下箭頭,選擇會按原樣下降,但當我進一步下去時,列表不會向上滾動。而是選擇離開可見區域。任何解決這個問題?箭頭鍵在bootstrap-combobox中不起作用
(下圖顯示的問題。當你按下DOWN鍵,選擇走出視圖和列表不向上滾動。)
有沒有人遇到過這種情況Bootstrap-combobox project?如果我輸入前幾個字母,則下拉菜單會顯示已篩選的項目列表。現在,如果我按下箭頭,選擇會按原樣下降,但當我進一步下去時,列表不會向上滾動。而是選擇離開可見區域。任何解決這個問題?箭頭鍵在bootstrap-combobox中不起作用
(下圖顯示的問題。當你按下DOWN鍵,選擇走出視圖和列表不向上滾動。)
我做了一個修復此,也許不是最好的,但這裏是:
在「bootstrap-combobox.js」 - 不是縮小版本 - 找到「移動功能」(版本1.1.6行317),並將案例對於「向上箭頭鍵」和「向下箭頭鍵」:
case 38: // up arrow
var list = $(e.target.nextSibling.children);
var index = 0;
for (var i = 0; i < list.length; i++) {
if ($(list[i]).hasClass('active')) {
index = i;
}
}
if (index <= (this.$menu.scrollTop()/26)) {
this.$menu.scrollTop((index-1)*26)
}
e.preventDefault();
this.prev();
break;
case 40: // down arrow
e.preventDefault();
this.next();
var list = $(e.target.nextSibling.children);
var index = 0;
for (var i = 0; i < list.length; i++) {
if ($(list[i]).hasClass('active')) {
index = i;
}
}
if (index > (this.$menu.scrollTop()/26)+10) {
this.$menu.scrollTop((index-10)*26)
}
break;