1. 程式人生 > >select2應用在modal模態框裡,select2搜尋框不能輸入值

select2應用在modal模態框裡,select2搜尋框不能輸入值

重寫模態對話方塊的enforceFocus函式。

<script type="text/javascript">
$.fn.modal.Constructor.prototype.enforceFocus = function () { };
</script>

原因是模態對話方塊強制使自己處於焦點狀態,導致select2的搜尋框無法獲取焦點所致

相關推薦

select2應用modalselect2搜尋不能輸入

重寫模態對話方塊的enforceFocus函式。 <script type="text/javascript"> $.fn.modal.Constructor.prototype.enforceFocus = function () { }; &l

jscolor.js在運用的時候彈不出顏色選擇

預期結果是: 但是,在模態框裡面,就會沒有出現顏色選擇框,如圖: 主要原因: 模態框的z-index=1040左右,而在jscolor.js裡,選擇框的z-index=1000,所以隱藏掉了才沒有出現。 解決方法: 在jscolor.js中,找到this.zIndex:10

modal隱藏時短暫顯示後再隱藏

背景:       專案前端用的bootstrap和angular,而在bootstrap使用modal模態框來顯示和隱藏彈出層。當點選某一按鈕時,從後臺獲取一些圖片,若沒有圖片時,彈出對話方塊,提示沒有找到該圖片;若有圖片,就在彈出層中顯示圖片。 原因:       &l

bootstrap彈出層Modal

關閉 type ajax 刪除 mar 形式 調用示例 smis get bootstrap中的模態框(modal),不同於Tooltips,模態框以彈出對話框的形式出現,具有最小和最實用的功能集。 務必將模態框的 HTML 代碼放在文檔的最高層級內(也就是說,盡量作為 b

bootstrap modal

bootstrap modal模態框 因為專案中用到了bootstrap table 顯示錶格且要為每一行設定一個按鈕要就能檢視資訊,所以就直接用bootstrap帶的模態框,但是有個缺點就是非同步的時候比較慢,體驗不是特別的好,至於後來換哪種彈框在本文結尾會敘述。 modal bo

bootstrap-modal 顯示一下又消失問題解決以及的基本使用方法

一:問題場景 在開發中給button一個點選事件通過方法中的$('#id').modal('show')方式開啟模態框,發現開啟後模態框顯示一下又消失了。 二:解決方法 經過查詢大概有下面幾種方式,我的問題相對好解決採用的是第4個方法解決 1、bootstrap.min.js與mod

Modal使用ajax向後臺傳資料和檔案之modal複用

昨天把新增計劃概要寫完了,那麼今天要開始新增計劃了,經理開始催了,好急好急!!＀! 那麼新增計劃從哪裡開始呢,我們的前段已經編輯好了,像這樣的: OK,重點是天數,我們要先取到天數才行,那麼天數之前已經給出了,在第一頁上,我們直接用Jqu

angular中 modal(可複用)

可複用的 (普通的在function中找) : 點選事件之後的函式 $rootScope.confirm = function(content, okFn, cancelFn) { var

設定bootstrap modal的寬度和寬度

(1)修改寬度可以通過修改modal中的modal-dialog這個div寬度實現 <div class="modal-dialog" style="width:600px"> (2) 修改高度和寬度最好的辦法是修改modal-body中新增的控制元件,設定控制元件的

modal事件用法

html程式碼 <button class="btn btn-primary" data-toggle="modal" data-target="#modal_1" data-username

bootstrap的modal提交資訊

這幾天在開發測試平臺,用到了bootstrap的模態框,需要實現在選中某一個select的option時,觸發modal,並修改相應資訊,並提交資訊。 具體程式碼如下: select控制元件: <div cla

讓機器像人類一樣多交互會是物聯網的勝負手嗎?

物聯網 多模態 技術這個事情,很多時候不是一蹴而就的。更多時候,是大家先看到了一個東西非常美好,結果左發展右發展也發展不起來,在吃瓜群眾們興奮地送上一首《涼涼》之後,搞不好哪天卻突然一個勝負手拋出來,一切又都不一樣了。曾經的移動通訊、觸屏交互莫不如是,今天的3D打印、VR說不定也在重復這個套路。更明顯

在多線程中顯示窗口出現異常現象

按鈕 找到 關閉 什麽 () 點擊沒反應 mes 直接 消息 無意間發現如果在多線程中顯示模態窗口後,當這個模態窗口關閉後,原來的主窗口無法再次響應鼠標事件了。 就是窗口上的按鈕用鼠標點擊沒反應,整個窗口看上去像是禁用的狀態。 具體原因到現在沒找到。 最後的解決辦法: 在多

JQuery的Boxy彈出對話方塊如何獲得頁面的返回returnValue

JQuery很好用,現在想做個原來window.ShowModelDialog()的模態對話方塊,但是不知道如何像以前一樣獲得returnValue,請知道的給指點一二。 用jq不可能實現~~ lz想要的是同步的返回結果,但是自己實現的對話方塊始終不是"模態對話方塊",

與非對話方塊 兩個對話方塊之間的傳遞

①、模態對話方塊的建立:CDialog::DoModal       不用釋放資源 ②、非模態對話方塊的建立:CDialog::Create     >:  MyDialog dlg;

select2多選設定select多選select2和賦

select2設定select多選,select2取值和賦值,作為篩選條件的時候,取值相對簡單,把選中的id值轉為字串傳給後端查詢,查詢之後會重新整理頁面,為了在下拉框中顯示剛剛選中的值,就需要給select賦值,可以將剛才傳給後端的字串再傳回前端,然後轉為一位陣列,再賦值給select2就會顯

RecycleView實現單選RadioButton複選CheckBox不定項選擇

該功能是用Recycleview的adapter實現的上面的功能,用起來方便,先上圖 RadioButton的寫法,只有構造方法必須傳入一個數字,及你開始就選中的位置,如果開始沒有選中的,就填預設值 new DialogRadioAdapter(getContext(),

自己寫一個序列化form表單表單中有複選checkbox單選radio等

form表單中有複選框,單選框等var serializeform = function (formid) {    var form = document.getElementById(formid);    var arr = {};    for (var i = 0;

input輸入查詢ajax搜尋資料列表json轉碼陣列選中展示指定內容

    這是一個雙輸入框的一個複合查詢,第一個textbox是為了展示搜尋出來的內容,第二個input輸入框是提供條件輸入,得到對應的查詢資料,然後點選下面的條件資料,給第一個textbox展示內容,然後儲存到資料庫中;   前端程式碼: <span cla

下拉click事件與搜尋blur事件的愛恨糾葛

還原車禍現場 功能類似於百度搜索,搜尋框輸入內容,下拉框顯示候選項,點選候選項就選擇候選項,然後下拉框隱藏,點選外面就直接隱藏下拉框,於是我寫了以下程式碼 //參會單位聯想 $('input[name="company_name"]').bind('input propertychange', f