2014-09-29 42 views
1

有沒有人遇到過這種情況Bootstrap-combobox project?如果我輸入前幾個字母,則下拉菜單會顯示已篩選的項目列表。現在,如果我按下箭頭,選擇會按原樣下降,但當我進一步下去時,列表不會向上滾動。而是選擇離開可見區域。任何解決這個問題?箭頭鍵在bootstrap-combobox中不起作用

(下圖顯示的問題。當你按下DOWN鍵,選擇走出視圖和列表不向上滾動。)

Scroll Issue Image

回答

0

我做了一個修復此,也許不是最好的,但這裏是:

在「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;