在BootStrap的modal中使用Select2搜尋框無法輸入
阿新 • • 發佈:2019-01-23
用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 () {};
滿足這兩個一般就沒問題了。