您好,登錄后才能下訂單哦!
今天在項目到遇到一個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
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。