JQuery_ select2的搜索框不能输入搜索内容
2018-01-08 17:47
531 查看
原创地址:http://blog.csdn.net/john1337/article/details/53315969
按照select2官网配置完后,搜索框弹出后无法输入内容,究竟怎么回事,于是在其他页面尝试了select2,发现可以啊,为什么在这个地方不可以,终于找到了造成这个问题的不同之处:select2在模态对话框中会失效。找到了问题所在,但不知道如何解决:百度或者google,最终找到了解决方案:
重写模态对话框的enforceFocus函数
$.fn.modal.Constructor.prototype.enforceFocus = function () { }
原来是模态对话框强制使自己处于焦点状态,导致select2的搜索框无法获取焦点所致。
打完收工~~~
按照select2官网配置完后,搜索框弹出后无法输入内容,究竟怎么回事,于是在其他页面尝试了select2,发现可以啊,为什么在这个地方不可以,终于找到了造成这个问题的不同之处:select2在模态对话框中会失效。找到了问题所在,但不知道如何解决:百度或者google,最终找到了解决方案:
重写模态对话框的enforceFocus函数
$.fn.modal.Constructor.prototype.enforceFocus = function () { }
原来是模态对话框强制使自己处于焦点状态,导致select2的搜索框无法获取焦点所致。
打完收工~~~
![](http://static.blog.csdn.net/xheditor/xheditor_emot/default/proud.gif)
相关文章推荐
- [置顶] select2的搜索框不能输入搜索内容
- select2的搜索框不能输入搜索内容
- 搜索框输入内容回车后如何触发搜索按钮,自动打开网页
- Android搜索框输入内容点击键盘的搜索按钮进行搜索
- 解决Select2控件不能在jQuery UI Dialog中不能搜索的bug
- 解决Select2控件不能在jQuery UI Dialog中不能搜索的bug
- C#中关于updatePanel与freeTextBox不兼容的问题 当页面刷子新后,ftb不能输入内容的解决办法
- 让文本框内容不可编辑,如果type="file",那么只能通过点击浏览来改变,不能通过输入文字改变
- 【jQuery插件】autoTextarea-文本框根据输入内容自适应高度
- jquery 模拟类搜索框自动完成搜索提示功能(改进)
- jquery 模拟类搜索框自动完成搜索提示功能(改进)
- 分享一个jQuery的自动客户端本地保存插件Sisyphus.js - 帮助你自动保存用户输入内容
- Windows 10下任务栏上直接输入不能搜索解决方法
- jquery的attr方法禁用表单元素禁用输入内容
- 使用jQuery动态创建一个表格(根据用户输入的内容添加一行数据,并且能逐行删除)
- 从jsp中得到搜索输入的内容,进入后台查询;显示在页面中,页面局部刷新
- 修改IOS中UISearchBar的取消按钮背景、搜索内容输入文本框背景和UISearchBar的背景
- iframe标签引用显示为空,ie下 【此内容不能显示在一个框架中, 为了帮助保护在此网站中输入的信息的安全……】
- jQuery插件(智能感知输入内容)
- JQuery:在input中只能输入数字,并且不能复制粘贴,不能切换输入法