如何停止引導-3-下拉事先鍵入的內容以排序順序顯示的元素

Question

我使用Bootstrap-3-Typeahead

有沒有辦法避免的自然順序下拉數據越來越排序？

這將在onFocus事件的下拉列表中顯示源中的所有數據。所以問題是它只會顯示有限數量的自然排序順序的元素，儘管我不希望它們是。

我該如何避免它們被排序。

$('#device').tagsinput({ 
     typeahead: { 
     source: ['Amsterdam', 'Washington', 'Sydney', 'Beijing', 'Cairo','Amstedrdam', 'Washidngton', 'Syddney', 'Bedijing', 'Caidro','Amzstderdam', 'Washidnzgton', 'Sydzdney', 'Beijzding', 'Caidzro'], 
     autoSelect: false, 
     showHintOnFocus : true, 
     minLength : 0 
     } 
}); 

Answer 1

的問題是不是在Typeahead插件，但在第二bootstrap-tagsinput插件。不幸的是，如果不編輯源代碼，你無法解決它。

看看這個JSFiddle

你怎麼可以從bootstrap-tagsinput.js源在行310閱讀：

sorter: function (texts) { 
      return texts.sort(); 
      }, 

的sorter選項由bootstrap-tagsinput插件提供給Typeahead插件因爲插件是在立即調用的函數表達式中執行的，所以不能覆蓋sorter方法。 你應該用叉子叉插件並更改分揀機選項：

sorter: function (texts) { 

      var sorter = typeahead.sorter || function (items) { return items.sort(); } 
      return sorter(texts); 
     }, 

所以你的插件初始化將是：

$('#ppp').tagsinput({ 
    typeahead: { 
     source: ['Amsterdam', 'Washington', 'Sydney', 'Beijing', 'Cairo', 'Amstedrdam', 'Washidngton', 'Syddney', 'Bedijing', 'Caidro', 'Amzstderdam', 'Washidnzgton', 'Sydzdney', 'Beijzding', 'Caidzro'], 
     sorter: function (texts) { 
     return texts; 
     } 
    } 
    }); 

......一旦你這樣做的話就將工作