jquery easyui的tabs使用時(shí)的問(wèn)題
我最近也使用了一下jquery easyui里tabs，但是發(fā)現(xiàn)一個(gè)問(wèn)題：如果你把tabs的div開(kāi)始設(shè)置為display:none，然后寫(xiě)個(gè)function change(){$("#tabs").css("display","block")}來(lái)讓tabs顯示，當(dāng)執(zhí)行change()時(shí)，結(jié)果tabs顯示不正常。
本來(lái)應(yīng)該顯示為：
結(jié)果顯示為：
后來(lái)我不斷嘗試，發(fā)現(xiàn)如果tabs最初是display:block，然后在$(document).ready(function(){$("#tabs").css("display":"none")})設(shè)置成，頁(yè)面加載后將tabs設(shè)置為none，然后通過(guò)點(diǎn)擊按鈕change來(lái)將它顯示就正常了。
我以為這個(gè)jquery easyui的一個(gè)bug，于是我發(fā)了封郵件給jquery easyui的作者，講了我的情況。第二天他就回復(fù)說(shuō)jquery easyui的tabs沒(méi)有問(wèn)題，說(shuō)我應(yīng)該在change()方法里這樣寫(xiě)$("#tabs").css("display","block").tabs('resize');
我試了試，果然是這樣。只需要再后面加上.tabs('resize')將tabs的大小重置就行了。
- jQuery EasyUI API 中文文檔 - Tabs標(biāo)簽頁(yè)/選項(xiàng)卡
- jquery easyui 結(jié)合jsp簡(jiǎn)單展現(xiàn)table數(shù)據(jù)示例
- jQuery EasyUI 中文API Layout(Tabs)
- jquery-easyui關(guān)閉tab自動(dòng)切換到前一個(gè)tab
- jquery ui 1.7 ui.tabs 動(dòng)態(tài)添加與關(guān)閉(按鈕關(guān)閉+雙擊關(guān)閉)
- jQuery EasyUI Tab 選項(xiàng)卡問(wèn)題小結(jié)
- 基于Jquery easyui 選中特定的tab
- jQuery easyui刷新當(dāng)前tabs的方法
- jQuery EasyUI 布局之動(dòng)態(tài)添加tabs標(biāo)簽頁(yè)
- jqueryUI tab標(biāo)簽頁(yè)代碼分享
相關(guān)文章
jQuery+css實(shí)現(xiàn)非常漂亮的水平導(dǎo)航菜單效果
這篇文章主要介紹了jQuery+css實(shí)現(xiàn)非常漂亮的水平導(dǎo)航菜單效果,通過(guò)each方法遍歷元素再使用removeClass與addClass變換頁(yè)面元素樣式實(shí)現(xiàn)導(dǎo)航菜單的切換效果,需要的朋友可以參考下2016-07-07
這篇文章主要介紹了jquery禁用右鍵示例,需要的朋友可以參考下2014-04-04
這篇文章主要介紹了jQuery中has()方法用法,實(shí)例分析了has()方法的功能、定義及保留包含特定后代的匹配元素的使用技巧,需要的朋友可以參考下2015-01-01
下面小編就為大家?guī)?lái)一篇jQuery數(shù)組處理函數(shù)整理。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
本篇文章主要是對(duì)jqGrid隨窗口大小變化自適應(yīng)大小的示例代碼進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
jquery實(shí)現(xiàn)點(diǎn)擊a鏈接,跳轉(zhuǎn)之后,該a鏈接處顯示背景色的方法
下面小編就為大家分享一篇jquery實(shí)現(xiàn)點(diǎn)擊a鏈接,跳轉(zhuǎn)之后,該a鏈接處顯示背景色的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
jq選項(xiàng)卡鼠標(biāo)延遲的插件實(shí)例
jq選項(xiàng)卡鼠標(biāo)延遲的插件實(shí)例，需要的朋友可以參考一下2013-05-05
鼠標(biāo)經(jīng)過(guò)出現(xiàn)氣泡框的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇鼠標(biāo)經(jīng)過(guò)出現(xiàn)氣泡框的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03
jquery實(shí)現(xiàn)吸頂導(dǎo)航效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)吸頂導(dǎo)航效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
基于jQuery實(shí)現(xiàn)表格的查看修改刪除
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)表格的查看修改刪除，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08