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