BootStrap下jQuery自動(dòng)完成的樣式調(diào)整
1. 覆蓋層調(diào)整
在bootstrap的對(duì)話框中，當(dāng)其中的輸入項(xiàng)使用了自動(dòng)完成控件，則其中下拉框中的內(nèi)容就會(huì)被bootstrap對(duì)話框的覆蓋層遮蓋。
為了能夠使后面的自動(dòng)完成的層顯示出來(lái)，可以使用如下的樣式定義：
ul.ui-autocomplete{
z-index: 9999;
}
2. 自動(dòng)完成選擇項(xiàng)滾動(dòng)
當(dāng)有很多項(xiàng)選擇時(shí)，自動(dòng)完成的下拉就會(huì)顯示很長(zhǎng)的列表。為了能夠更好地顯示那么多的選項(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)文章
JQuery 在文檔中查找指定name的元素并移除的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇JQuery 在文檔中查找指定name的元素并移除的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
jQuery實(shí)現(xiàn)小球點(diǎn)擊發(fā)射動(dòng)畫(huà)
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)小球點(diǎn)擊發(fā)射動(dòng)畫(huà)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
JQuery頁(yè)面的表格數(shù)據(jù)的增加與分頁(yè)的實(shí)現(xiàn)
使用JQuery實(shí)現(xiàn)頁(yè)面的表格數(shù)據(jù)的增加與分頁(yè)，具體示例如下，喜歡的朋友可以參考下2013-12-12
jQuery簡(jiǎn)單實(shí)現(xiàn)MD5加密的方法
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)MD5加密的方法,基于jquery.md5.js插件實(shí)現(xiàn)md5加密功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2017-03-03
基于jQuery+HttpHandler實(shí)現(xiàn)圖片裁剪效果代碼(適用于論壇, SNS)
上次發(fā)了幾個(gè)jQuery的插件和些心得, 很多園友(也許是自己站上的)發(fā)郵件希望能提供更多的源碼, 正好這次有個(gè)同學(xué)希望在自己的壇子上掛個(gè)圖片裁剪以生成頭像的功能, 于是幫忙寫(xiě)了這么個(gè)插件.也許很多園友用得著, 就一并發(fā)上來(lái)啦.2011-09-09
圖片的切換時(shí)一個(gè)常用的功能。下面實(shí)現(xiàn)的是一個(gè)點(diǎn)擊數(shù)字來(lái)進(jìn)行圖片的切換。學(xué)習(xí)jquery的朋友可以參考下原理。2011-02-02
jQuery實(shí)現(xiàn)自動(dòng)切換播放的經(jīng)典滑動(dòng)門效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)自動(dòng)切換播放的經(jīng)典滑動(dòng)門效果,可實(shí)現(xiàn)tab自動(dòng)定時(shí)切換的功能,涉及jQuery基于定時(shí)函數(shù)動(dòng)態(tài)操作頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下2015-09-09
jquery 動(dòng)態(tài)增加,減少input表單的簡(jiǎn)單方法(必看)
下面小編就為大家?guī)?lái)一篇jquery 動(dòng)態(tài)增加,減少input表單的簡(jiǎn)單方法(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
jQuery模擬select實(shí)現(xiàn)下拉菜單功能
這篇文章主要介紹了jQuery模擬select實(shí)現(xiàn)下拉菜單功能,比較實(shí)用,需要的朋友可以參考下。2016-06-06
使用jquery給新生的th綁定hover事件的實(shí)例
下面小編就為大家?guī)?lái)一篇使用jquery給新生的th綁定hover事件的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02