jquery easyui的tabs使用時(shí)的問題
我最近也使用了一下jquery easyui里tabs，但是發(fā)現(xiàn)一個(gè)問題：如果你把tabs的div開始設(shè)置為display:none，然后寫個(gè)function change(){$("#tabs").css("display","block")}來讓tabs顯示，當(dāng)執(zhí)行change()時(shí)，結(jié)果tabs顯示不正常。
本來應(yīng)該顯示為：
結(jié)果顯示為：
后來我不斷嘗試，發(fā)現(xiàn)如果tabs最初是display:block，然后在$(document).ready(function(){$("#tabs").css("display":"none")})設(shè)置成，頁面加載后將tabs設(shè)置為none，然后通過點(diǎn)擊按鈕change來將它顯示就正常了。
我以為這個(gè)jquery easyui的一個(gè)bug，于是我發(fā)了封郵件給jquery easyui的作者，講了我的情況。第二天他就回復(fù)說jquery easyui的tabs沒有問題，說我應(yīng)該在change()方法里這樣寫$("#tabs").css("display","block").tabs('resize');
我試了試，果然是這樣。只需要再后面加上.tabs('resize')將tabs的大小重置就行了。
- jQuery EasyUI API 中文文檔 - Tabs標(biāo)簽頁/選項(xiàng)卡
- jquery easyui 結(jié)合jsp簡單展現(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)卡問題小結(jié)
- 基于Jquery easyui 選中特定的tab
- jQuery easyui刷新當(dāng)前tabs的方法
- jQuery EasyUI 布局之動(dòng)態(tài)添加tabs標(biāo)簽頁
- jqueryUI tab標(biāo)簽頁代碼分享
相關(guān)文章
jQuery插件imgPreviewQs實(shí)現(xiàn)上傳圖片預(yù)覽
這篇文章主要介紹了jQuery插件imgPreviewQs實(shí)現(xiàn)上傳圖片預(yù)覽的相關(guān)資料,需要的朋友可以參考下2016-01-01
jQueryUI如何自定義組件實(shí)現(xiàn)代碼
第一次自定義jQueryUI Widget 又是第一次，現(xiàn)在的感受是jQueryUI Widget能讓你代碼組織得更好,風(fēng)格更一致。2010-11-11
在高版本的jquery引入prop方法后，什么時(shí)候該用prop？什么時(shí)候用attr？關(guān)于它們兩個(gè)的區(qū)別，這里談?wù)勎业男牡?，我的心得很簡單：對于HTML元素本身就帶有的固有屬性，在處理時(shí)，使用prop方法。對于HTML元素我們自己自定義的DOM屬性，在處理時(shí)，使用attr方法。2015-05-05
Jquery實(shí)現(xiàn)自定義tooltip示例代碼
這篇文章主要介紹了Jquery實(shí)現(xiàn)自定義tooltip的方法,需要的朋友可以參考下2014-02-02
jQuery實(shí)現(xiàn)菜單欄導(dǎo)航效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡單菜單欄導(dǎo)航效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
jquery導(dǎo)航制件jquery鼠標(biāo)經(jīng)過變色效果示例
這篇文章主要介紹了jquery鼠標(biāo)經(jīng)過變色效果代碼，大家參考使用吧2013-12-12
這篇文章主要介紹了jQuery實(shí)現(xiàn)字符串全部替換的方法,結(jié)合實(shí)例形式對比分析了使用Replace進(jìn)行替換的方法及使用正則進(jìn)行全部替換的相關(guān)操作技巧,需要的朋友可以參考下2016-12-12
jQuery插件ContextMenu自定義圖標(biāo)
這篇文章主要為大家詳細(xì)介紹了jQuery插件ContextMenu自定義圖標(biāo)的相關(guān)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
jquery本身的動(dòng)畫較之mootools，總體上感覺稍微有點(diǎn)遜色，不過因?yàn)槠溆袕?qiáng)大的插件，加上API易讀型，易用性等備受青睞，在動(dòng)畫效果方面，API提供了比如一些比較實(shí)用的Effects，下面是main方法animate2011-04-04
jquery Validation表單驗(yàn)證使用詳解
功能強(qiáng)大的 jquery 表單驗(yàn)證插件，適用于日常的 E-mail、電話號碼、網(wǎng)址等驗(yàn)證及 Ajax 驗(yàn)證，除自身擁有豐富的驗(yàn)證規(guī)則外，還可以添加自定義的驗(yàn)證規(guī)則。兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+2015-04-04