中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

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

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

BootStrap模態框和select2合用時input無法獲取焦點怎么辦

發布時間:2021-06-29 14:32:39 來源:億速云 閱讀:242 作者:小新 欄目:web開發

這篇文章主要為大家展示了“BootStrap模態框和select2合用時input無法獲取焦點怎么辦”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“BootStrap模態框和select2合用時input無法獲取焦點怎么辦”這篇文章吧。

在bootstrap的模態框里使用select2插件,會導致select2里的input輸入框沒有辦法獲得焦點,沒有辦法輸入.

解決方法:

1.

把頁面中的  tabindex="-1"  刪掉(測試成功):

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-header">
  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  <h4 id="myModalLabel">Panel</h4>
 </div>
<div class="modal-body" >
<div id="myModal" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-header">
  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  <h4 id="myModalLabel">Panel</h4>
 </div>
<div class="modal-body" >

可以在onshown方法里面做處理,主要原理就是因為bootstrap的tabindex='-1',占用了select2的tabindex='0',腳本做處理 模態框顯示出來后,將模態框的tabindex屬性刪掉

BootstrapDialog.show({
   onshown: function (dialogRef) {
    $("#"+dialogRef.getId()).removeAttr("tabindex");
  }
})

2.

重寫enforceFocus方法(測試發現沒有效果):

$.fn.modal.Constructor.prototype.enforceFocus = function() {};

以上是“BootStrap模態框和select2合用時input無法獲取焦點怎么辦”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

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

AI

惠东县| 南京市| 南汇区| 陇川县| 保山市| 武宣县| 海门市| 泸州市| 鄂尔多斯市| 兴仁县| 东乌珠穆沁旗| 阿图什市| 正阳县| 神池县| 东丰县| 耒阳市| 砚山县| 广安市| 石景山区| 宜兴市| 万州区| 柯坪县| 高雄县| 宁海县| 朝阳市| 新巴尔虎右旗| 石棉县| 嘉鱼县| 仙居县| 巍山| 资阳市| 莱阳市| 吕梁市| 红河县| 光泽县| 石河子市| 商丘市| 策勒县| 中牟县| 子洲县| 杭州市|