码迷,mamicode.com
首页 > Web开发 > 详细

Select2 在jquery UI Dialog 搜索项失效且不能focus到搜索框解决方案

时间:2014-07-17 08:31:36      阅读:339      评论:0      收藏:0      [点我收藏+]

标签:jquery   select2   

今天在项目到遇到一个select2插件在jquery UI Dialog 不能focus到搜索框的问题,后来在js 代码中加入(位置可以自己选 ,我选的位置是select2.min.js 后面,因为很多地方都用到,不用针对一个一个功能去修改):

$.ui.dialog.prototype._allowInteraction = function(e) {
    return !!$(e.target).closest(‘.ui-dialog, .ui-datepicker, .select2-drop‘).length;
};

出现这个问题的原因是:

the reason the dropdown is appended into the body and is the last element is so that it may overlay the dialog when the choice box is taller then the dialog instead of scrolling inside it.

initially select2 did append the dropdown to the container instead of body, but the afore mentioned problem with dialogs is what prompted me to refactor it to append to body in the first place. so far this proved to be a solution with the least amount of problems.

unfortunately its not a perfect solution, not when the dialogs are built with these weird restrictions in place.

这个原因来自:https://github.com/ivaynberg/select2/issues/1246

本文出自 “幸福的小妮子” 博客,请务必保留此出处http://1723824.blog.51cto.com/1713824/1439095

Select2 在jquery UI Dialog 搜索项失效且不能focus到搜索框解决方案,布布扣,bubuko.com

Select2 在jquery UI Dialog 搜索项失效且不能focus到搜索框解决方案

标签:jquery   select2   

原文地址:http://1723824.blog.51cto.com/1713824/1439095

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