BootStrap下jQuery自動(dòng)完成的樣式調(diào)整
1. 覆蓋層調(diào)整
在bootstrap的對(duì)話框中,當(dāng)其中的輸入項(xiàng)使用了自動(dòng)完成控件,則其中下拉框中的內(nèi)容就會(huì)被bootstrap對(duì)話框的覆蓋層遮蓋。
為了能夠使后面的自動(dòng)完成的層顯示出來,可以使用如下的樣式定義:
ul.ui-autocomplete{ z-index: 9999; }
2. 自動(dòng)完成選擇項(xiàng)滾動(dòng)
當(dāng)有很多項(xiàng)選擇時(shí),自動(dòng)完成的下拉就會(huì)顯示很長的列表。為了能夠更好地顯示那么多的選項(xiàng),希望能夠有一個(gè)滾動(dòng)選擇的功能。
ul.ui-autocomplete{ z-index:9999; max-height: 200px; overflow-y: scroll; }
以上所述是小編給大家介紹的BootStrap下jQuery自動(dòng)完成的樣式調(diào)整的相關(guān)知識(shí),希望對(duì)大家有所幫助!
相關(guān)文章
解決IE7中使用jQuery動(dòng)態(tài)操作name問題
IE7中無法使用Jquery動(dòng)態(tài)操作頁面元素的name屬性,怎么解決這個(gè)問題呢?下面小編給大家?guī)砹私鉀QIE7中使用jQuery動(dòng)態(tài)操作name問題,需要的朋友參考下吧2017-08-08jquery實(shí)現(xiàn)點(diǎn)擊頁面計(jì)算點(diǎn)擊次數(shù)
這篇文章主要給大家分享了一段使用jquery實(shí)現(xiàn)點(diǎn)擊頁面計(jì)算點(diǎn)擊次數(shù)的代碼,非常實(shí)用,有需要的小伙伴參考下。2015-01-01jQuery實(shí)現(xiàn)動(dòng)態(tài)表單驗(yàn)證時(shí)文本框抖動(dòng)效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)表單驗(yàn)證時(shí)文本框抖動(dòng)效果,可實(shí)現(xiàn)表單元素左右晃動(dòng)的抖動(dòng)功能,涉及jquery中元素的匹配與動(dòng)畫animate效果實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-08-08jquery實(shí)現(xiàn)滑動(dòng)圖片自己測(cè)試的例子
最近使用jquery寫了一個(gè)圖片滑動(dòng)的插件,雖然還是有些問題存在,用法很簡單,希望對(duì)大家有所幫助2013-11-11php+ajax+jquery實(shí)現(xiàn)點(diǎn)擊加載更多內(nèi)容
本文給大家詳細(xì)講解的是如何利用jquery.more.js實(shí)現(xiàn)點(diǎn)擊加載更多后在本頁面內(nèi)下面加載數(shù)據(jù),十分的實(shí)用,有需要的小伙伴可以參考下。2015-05-05