1. 程式人生 > >在BootStrap的modal中使用Select2搜尋框無法輸入

在BootStrap的modal中使用Select2搜尋框無法輸入

用modal來show一個對話方塊

dialog.modal({
    backdrop:true,
    keyboard:true,
    show:true
});

然後再modal中初始化select2

dialog.find("select").select2({
   formatNoMatches: function() {
       return "沒有選項";
   },
   placeholder: "請選擇...",
   minimumResultsForSearch: 0,
   allowClear: false
});

這時候select2的搜尋框無法輸入,一般有兩方面的原因
1.檢查下modal的div中是否有tabindex=”-1”,這個屬性

<div class="modal fade in" id="dialog-new-draft">

2.js程式碼中加入

$.fn.modal.Constructor.prototype.enforceFocus = function () {};

滿足這兩個一般就沒問題了。