用bootstrop的dropdown遇到的坑

2022-03-09 11:51:05 字數 1217 閱讀 4406

1

2for="amount" class=" control-label">充值金額34

1rmb=1魚幣

5錯誤資訊67

892021

22

根據效果圖,應該點選.arrow讓dropdown顯示出來,所以就如上部局了。

坑一:用js來手動調出dropdown;

我想的是當點選到input上時,就應該顯示出dropdown,這樣才更符合人的體驗嘛,所以我就把focus事件往input上加,想讓它focus時顯示出來。結果,就是怎樣都出不來。

官網示例的呼叫方法是這樣的:

$('.dropdown-toggle').dropdown()

於是我也這樣來調,可dropdown一直都無動於衷,看來是我的選擇器有了問題,然後我就開始了各種嘗試,比如這樣:

$('.amount ').dropdown()

//這樣……

$('.amount .dropdown').dropdown()

//這樣……

$('.amount .dropdown-menu').dropdown()

結果就是不行嘛,最後,我發現正確的應該是這樣的:

$('.amount .dropdown-toggle').dropdown('toggle')

當然,前提是把.arrow的class身上再加上.dropdown-toggle的class。就是這樣:

沒人跟我說過.dropdown-toggle是必須的啊!! 好吧,是我學習的時候不認真,使用的時候太粗心!

坑二、focus事件時dropdown閃顯閃退;

具體的病症應該時focus事件的mousedown會顯示,當mouseup會消失,這是什麼道理?冒泡?預設行為?加上了preventdefault和stoppropagation不管用,我都return false了還是不管用。

原因是什麼呢?其實是以下原因:

具體原因我也沒找到,使用focus事件、mousedown事件、mouseup事件都不行,在嘗試中發現用click事件+return false竟然有效。恩,這也是個解決辦法吧。

恩,說完原因,其實這種問題,完全是可以通過布局來避免的啊!再回頭看看文章頂部貼出來的**,不覺得這**有點扭曲嗎?下次再碰到這樣的需求,還會如此來布局嗎?

嗯,長了記性就行了!

truncate delete和drop的區別

truncate table 在功能上與不帶 where 子句的 delete 語句相同 二者均刪除表中的全部行。但 truncate table 比 delete 速度快,且使用的系統和事務日誌資源少。delete 語句每次刪除一行,並在事務日誌中為所刪除的每行記錄一項。truncate tabl...

drop函式的使用

train df.drop train df.columns 26,27 axis 1,inplace true drop函式預設刪除行,列需要加axis 1 對原陣列作出修改並返回乙個新陣列,往往都有乙個 inplace可選引數。如果手動設定為true 預設為false 那麼原陣列直接就被替換。也...

truncate delete和drop的異同

truncate table命令將快速刪除資料表中的所有記錄,但保留資料表結構。這種快速刪除與delete from 資料表的刪除全部資料表記錄不一樣,delete命令刪除的資料將儲存在系統回滾段中,需要的時候,資料可以回滾恢復,而truncate命令刪除的資料是不可以恢復的 可以做乙個測試 建乙個...