JQuery UI DatePicker中z-index默認(rèn)為1的解決辦法
更新時(shí)間：2010年09月28日 08:45:29 作者：
用到JQuery UI的DatePicker時(shí)，發(fā)現(xiàn)如果頁面有其他z-index比較大的控件，datepicker就會(huì)被遮住而不能操作。
在網(wǎng)上也沒能找到有效的解決辦法，下面我提供一種看似投機(jī)的辦法：
$("#txtFillInDate").datepicker({
monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
dateFormat: 'yy-mm-dd',
beforeShow: function () {
setTimeout(
function () {
$('#ui-datepicker-div').css("z-index", 15);
}, 100
);
}
});
關(guān)鍵就在于beforeShow的使用上，大家一看就明白，這里就不多說了，希望能給您帶來幫助。
復(fù)制代碼 代碼如下:
$("#txtFillInDate").datepicker({
monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
dateFormat: 'yy-mm-dd',
beforeShow: function () {
setTimeout(
function () {
$('#ui-datepicker-div').css("z-index", 15);
}, 100
);
}
});
關(guān)鍵就在于beforeShow的使用上，大家一看就明白，這里就不多說了，希望能給您帶來幫助。
您可能感興趣的文章:
- javascript 動(dòng)態(tài)改變層的Z-INDEX的代碼style.zIndex
- jQuery獲取css z-index在各種瀏覽器中的返回值
- 動(dòng)態(tài)改變div的z-index屬性的簡單實(shí)例
- vue樣式疊層z-index不起作用的解決方案
- 關(guān)于微信小程序map組件z-index的層級(jí)問題分析
- 推薦深入理解css中的position定位和z-index屬性
- Webpack打包c(diǎn)ss后z-index被重新計(jì)算的解決方法
- js實(shí)現(xiàn)輪播圖效果 z-index實(shí)現(xiàn)輪播圖
- 深入理解z-index的工作原理和應(yīng)用技巧
相關(guān)文章
jQuery 文本框得失焦點(diǎn)的簡單實(shí)例
本篇文章主要是對(duì)jQuery 文本框得失焦點(diǎn)的簡單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
jQuery實(shí)現(xiàn)在列表的首行添加數(shù)據(jù)
這篇文章主要介紹了jQuery實(shí)現(xiàn)在列表的首行添加數(shù)據(jù)的方法，十分的簡單，有需要的小伙伴可以參考下。2015-05-05
jquery實(shí)現(xiàn)移動(dòng)端按鈕組左右滑動(dòng)
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)移動(dòng)端按鈕組左右滑動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
JQuery中兩個(gè)ul標(biāo)簽的li互相移動(dòng)實(shí)現(xiàn)方法
這篇文章主要介紹了JQuery中兩個(gè)ul標(biāo)簽的li互相移動(dòng)實(shí)現(xiàn)方法,可實(shí)現(xiàn)ul標(biāo)簽中l(wèi)i標(biāo)簽內(nèi)容相互替換的技巧,涉及jQuery操作頁面元素的相關(guān)技巧,需要的朋友可以參考下2015-05-05
發(fā)微博功能描述:當(dāng)點(diǎn)擊輸入框時(shí)，提示的文字會(huì)去掉；當(dāng)光標(biāo)離開時(shí)，如果沒有輸入任何內(nèi)容，提示的文字會(huì)恢復(fù),需要的朋友可以參考下2014-04-04
這篇文章主要為大家詳細(xì)介紹了利用jquery實(shí)現(xiàn)瀑布流2種案例,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
jQuery pager.js 插件動(dòng)態(tài)分頁功能實(shí)例分析
這篇文章主要介紹了jQuery pager.js 插件動(dòng)態(tài)分頁功能,結(jié)合具體實(shí)例形式分析了pager.js 插件的定義及使用插件進(jìn)行分頁操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了被jQuery拋棄的幾個(gè)函數(shù)及其替代函數(shù)，我們在做項(xiàng)目開發(fā)的時(shí)候一定要注意，分享給大家參考下。2015-05-05
我們將探討不同的API jQuery來處理不同的瀏覽器事件,需要的朋友可以參考下2012-12-12
用jquery修復(fù)在iframe下的頁面錨點(diǎn)失效問題
iframe頁面沒有滾動(dòng)條，在父窗體中出現(xiàn)滾動(dòng)條，錨點(diǎn)標(biāo)記就會(huì)失效，用js判斷頁面是否被嵌套，用js計(jì)算iframe在父窗體位置2014-08-08