明净

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

用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

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

posted on 2018-05-10 09:37  明净  阅读(833)  评论(0编辑  收藏  举报