溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

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

發布時間:2020-07-19 17:06:27 來源:網絡 閱讀:5029 作者:xiaoyu135 欄目:web開發

今天在項目到遇到一個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

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女