Select2在Bootstrap 3 Modal框中不能搜索的解决方法

在项目中用了Select2,基于Bootstrap 3的搜索下拉框。但奇怪的是,在modal-dialog中的搜索功能竟不能用。

在网上查有人说在modal中去掉tabindex="-1"



github上说:

Fix z-index for modals

Select2 did not previously have a high enough `z-index` for it to

be displayed over modals. The `z-index` has been raised to 1051,

so now it should appear over the jQuery UI and Bootstrap modals.


解决方案是在js 里加上$.fn.modal.Constructor.prototype.enforceFocus =function(){};


以下是我找到的文章,http://www.pavlatka.cz/2014/04/enable-search-select2-bootstrap-3-modal/

<head>
 <script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>
 <script type="text/javascript" src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
 <script type="text/javascript" src="/js/bootstrap.min.js"></script>
    
 <script type="text/javascript" src="/js/select2/select2.js"></script>
<script type="text/javascript">
 $.fn.modal.Constructor.prototype.enforceFocus = function () {};
 </script>
     
 ....
</head>



2019-03-22 17:29

知识点

相关教程

更多

Struts2标签select的使用

我想在进入系统首页的时候就对数据库进行查询,然后讲要查询的数据以下拉里表的形式放在页面上  Action代码如下:  private List<UserStoresInfo> storesInfoList = new ArrayList<UserStoresInfo>();  public String execute() throws Exception {  HttpS

BootStrap入门教程 (一)

2011年,twitter的“一小撮”工程师为了提高他们内部的分析和管理能力,用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。Bootstrap由MARK OTTO和Jacob Thornton所设计和建立,在github上开源之后,迅速成为该站上最多人watch&fork的项目。大量工程师踊跃为该项目贡献代码,社区惊人地活跃,代码版本进化非常快

Eclipse中Hadoop的DFS Location无法显示DFS下的文件 解决方法

问题如上图所示,前提是首先要将Hadoop正确安装,在命令行中可以运行例子程序,然后在eclipse中配置如下图 注意端口号要与hadoop配置文件mapred-site.xml和core-site.xml的端口号一致。 解决方法: 首先在停止hadoop的运行hadoop stop-all.sh,然后格式化DFS文件系统 hadoop namenode -format,格式化过程中如果DFS中有

Storm编译打包过程中遇到的一些问题及解决方法

作者: 大圆那些事 | 文章可以转载,请以超链接形式标明文章原始出处和作者信息 网址: http://www.cnblogs.com/panfeng412/archive/2013/11/30/some-issues-and-solutions-from-building-storm.html 下面是在编译Storm过程中遇到的一些问题以及解决办法: 问题1:下载lein 2.3.4,如果使用ro

BootStrap入门教程 (四)

上讲回顾:Bootstrap组件丰富同时具有良好可扩展性,能够很好地应用在生产环境。这些组件包括按钮(Button),导航(Navigation),缩略图(thumbnails),提醒(Alert),进度条(progress bar)等,能够很好减少前端工程师的代码量,实现更加丰富充实的页面。 Bootstrap作为一套良好的前端工具,要实现现代的动态页面效果,javascript插件是必不可少的

BootStrap入门教程 (二)

上讲回顾:Bootstrap的手脚架(Scaffolding)提供了固定(fixed)和流式(fluid)两种布局,它同时建立了一个宽达940px和12列的格网系统。 基于手脚架(Scaffolding)之上,Bootstrap的基础CSS(Base CSS)提供了一系列的基础Html页面要素,旨在为用户提供新鲜、一致的页面外观和感觉。本文将主要深入讲解排版(Typography),表格(Tabl

BootStrap入门教程 (三)

上讲回顾:Bootstrap的基础CSS(Base CSS)提供了优雅,一致的多种基础Html页面要素,包括排版,表格,表单,按钮等,能够满足前端工程师的基本要素需求。    Bootstrap作为完整的前端工具集,内建了大量的强大优雅可重用的组件,包括按钮(Button),导航(Navigation),标签(Labels),徽章(Badges),排版(Typography),缩略图(thumbn

$.getJSON同步请求的解决方法

还没等jquery的请求回来,就往下执行了。现在让他同步即可,让他同步的方法是在请求之前加上$.ajaxSettings.async = false

Debian 中文乱码解决方法

在debain中打开一个文件,出现中文乱码。如果你用SecureCRT客户端访问,并且设置客户端的编码是utf8,但还是乱码,说有你的系统设置的编码有可能有问题。用locale查看一下...

Nutch报错和解决方法

Indexer: java.io.IOException: Job failed!  环境:nutch1.8 local模式 solr服务正常 ParseSegment:finishedat2014-07-1421:21:19,elapsed:00:00:35CrawlDBupdateCrawlDbupdate:startingat2014-07-1421:21:21CrawlDbupdate:d

jqgrid 中组合框的值和key

在jqgrid中有一个组合框  {name:"sts",index:"sts",label:"sts",editable:true,edittype:'select',editoptions:{value:"0:"通过" ;9:否決"}},  现在我要取sts列的值  var data=$(&quo

xxx is not in the sudoers file解决方法

用sudo时提示"xxx is not in the sudoers file. This incident will be reported.其中XXX是你的用户名,也就是你的用户名没有权限使用sudo,我们只要修改一下/etc/sudoers文件就行了。下面是修改方 法: 1)进入超级用户模式。也就是输入"su -",系统会让你输入超级用户密码,输入密码后就进入了

Bootstrap视频教程-宁皓网:Bootstrap 网页设计用户界面架构

Bootstrap视频教程-宁皓网:Bootstrap 网页设计用户界面架构,Bootstrap 是 twitter 公司里面的开发者和设计师一起做出来的一套用在网页上的用户界面和交互的架构。架构的意思就是把经常用的东西事先为你编写好,需要的时候,直接调用就可以了。

Hadoop错误日志整理及解决方法

Hadoop错误日志整理及解决方法 现象:3个节点,启动之后namenode报错,且存活节点( Live Nodes )只显示1个 2013-05-14 20:01:09,839 INFO org.apache.hadoop.ipc.Server: IPC Server handler 9 on 9000: starting 2013-05-14 20:01:13,659 ERROR org.ap

Bootstrap基础视频教程-尚学堂视频教程

内容包括Bootstrap起步、Bootstrap全局css样式概览、Bootstrap全局css样式_栅格、Bootsrtap全局css样式_排版、Bootstrap全局css样式_代码、Bootstrap组件_字体图标、Bootstrap组件_按钮组等                          01_Bootstrap起步1.mp4         02_Bootstrap起步2.mp

最新教程

更多

java线程状态详解(6种)

java线程类为:java.lang.Thread,其实现java.lang.Runnable接口。 线程在运行过程中有6种状态,分别如下: NEW:初始状态,线程被构建,但是还没有调用start()方法 RUNNABLE:运行状态,Java线程将操作系统中的就绪和运行两种状态统称为“运行状态” BLOCK:阻塞状态,表示线程阻塞

redis从库只读设置-redis集群管理

默认情况下redis数据库充当slave角色时是只读的不能进行写操作,如果写入,会提示以下错误:READONLY You can't write against a read only slave.  127.0.0.1:6382> set k3 111  (error) READONLY You can't write against a read only slave. 如果你要开启从库

Netty环境配置

netty是一个java事件驱动的网络通信框架,也就是一个jar包,只要在项目里引用即可。

Netty基于流的传输处理

​在TCP/IP的基于流的传输中,接收的数据被存储到套接字接收缓冲器中。不幸的是,基于流的传输的缓冲器不是分组的队列,而是字节的队列。 这意味着,即使将两个消息作为两个独立的数据包发送,操作系统也不会将它们视为两个消息,而只是一组字节(有点悲剧)。 因此,不能保证读的是您在远程定入的行数据

Netty入门实例-使用POJO代替ByteBuf

使用TIME协议的客户端和服务器示例,让它们使用POJO来代替原来的ByteBuf。

Netty入门实例-时间服务器

Netty中服务器和客户端之间最大的和唯一的区别是使用了不同的Bootstrap和Channel实现

Netty入门实例-编写服务器端程序

channelRead()处理程序方法实现如下

Netty开发环境配置

最新版本的Netty 4.x和JDK 1.6及更高版本

电商平台数据库设计

电商平台数据库表设计:商品分类表、商品信息表、品牌表、商品属性表、商品属性扩展表、规格表、规格扩展表

HttpClient 上传文件

我们使用MultipartEntityBuilder创建一个HttpEntity。 当创建构建器时,添加一个二进制体 - 包含将要上传的文件以及一个文本正文。 接下来,使用RequestBuilder创建一个HTTP请求,并分配先前创建的HttpEntity。

MongoDB常用命令

查看当前使用的数据库    > db    test  切换数据库   > use foobar    switched to db foobar  插入文档    > post={"title":"领悟书生","content":"这是一个分享教程的网站","date":new

快速了解MongoDB【基本概念与体系结构】

什么是MongoDB MongoDB is a general purpose, document-based, distributed database built for modern application developers and for the cloud era. MongoDB是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。

windows系统安装MongoDB

安装 下载MongoDB的安装包:mongodb-win32-x86_64-2008plus-ssl-3.2.10-signed.msi,按照提示步骤安装即可。 安装完成后,软件会安装在C:\Program Files\MongoDB 目录中 我们要启动的服务程序就是C:\Program Files\MongoDB\Server\3.2\bin目录下的mongod.exe,为了方便我们每次启动,我

Spring boot整合MyBatis-Plus 之二:增删改查

基于上一篇springboot整合MyBatis-Plus之后,实现简单的增删改查 创建实体类 添加表注解TableName和主键注解TableId import com.baomidou.mybatisplus.annotations.TableId;
import com.baomidou.mybatisplus.annotations.TableName;
import com.baom

分布式ID生成器【snowflake雪花算法】

基于snowflake雪花算法分布式ID生成器 snowflake雪花算法分布式ID生成器几大特点: 41bit的时间戳可以支持该算法使用到2082年 10bit的工作机器id可以支持1024台机器 序列号支持1毫秒产生4096个自增序列id 整体上按照时间自增排序 整个分布式系统内不会产生ID碰撞 每秒能够产生26万ID左右 Twitter的 Snowflake分布式ID生成器的JAVA实现方案