码迷,mamicode.com
首页 > 其他好文 > 详细

在BootStrap的modal中使用Select2搜索框无法输入

时间:2018-05-10 11:17:04      阅读:295      评论:0      收藏:0      [点我收藏+]

标签:初始   nbsp   ams   lang   log   raft   pre   back   属性   

用modal来show一个对话框

dialog.modal({
    backdrop:true,
    keyboard:true,
    show:true
});
  • 1
  • 2
  • 3
  • 4
  • 5

然后再modal中初始化select2

dialog.find("select").select2({
   formatNoMatches: function() {
       return "没有选项";
   },
   placeholder: "请选择...",
   minimumResultsForSearch: 0,
   allowClear: false
});
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

这时候select2的搜索框无法输入,一般有两方面的原因 
1.检查下modal的div中是否有tabindex=”-1”,这个属性

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

2.js代码中加入

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

满足这两个一般就没问题了。

在BootStrap的modal中使用Select2搜索框无法输入

标签:初始   nbsp   ams   lang   log   raft   pre   back   属性   

原文地址:https://www.cnblogs.com/mingjing/p/9018041.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!