jquery easyui的tabs使用时的问题


Posted in Javascript onMarch 23, 2010

大家也可以在jquery easyui来下载,或者去官网下载和查看文档帮助。

jquery easyui的tabs使用时的问题

 

      我最近也使用了一下jquery easyui里tabs,但是发现一个问题:如果你把tabs的div开始设置为display:none,然后写个function change(){$("#tabs").css("display","block")}来让tabs显示,当执行change()时,结果tabs显示不正常。

本来应该显示为:

jquery easyui的tabs使用时的问题

结果显示为:

jquery easyui的tabs使用时的问题

         后来我不断尝试,发现如果tabs最初是display:block,然后在$(document).ready(function(){$("#tabs").css("display":"none")})设置成,页面加载后将tabs设置为none,然后通过点击按钮change来将它显示就正常了。

         我以为这个jquery easyui的一个bug,于是我发了封邮件给jquery easyui的作者,讲了我的情况。第二天他就回复说jquery easyui的tabs没有问题,说我应该在change()方法里这样写$("#tabs").css("display","block").tabs('resize');

         我试了试,果然是这样。只需要再后面加上.tabs('resize')将tabs的大小重置就行了。

Javascript 相关文章推荐
JavaScript RegExp方法获取地址栏参数(面向对象)
Mar 10 Javascript
父元素与子iframe相互获取变量和元素对象的具体实现
Oct 15 Javascript
js setTimeout opener的用法示例详解
Oct 23 Javascript
JavaScript对象的property属性详解
Apr 01 Javascript
JavaScript利用Date实现简单的倒计时实例
Jan 12 Javascript
Canvas 绘制粒子动画背景
Feb 15 Javascript
Vue实现左右菜单联动实现代码
Aug 12 Javascript
vue.js循环radio的实例
Nov 07 Javascript
前端开发之便利店收银系统代码
Dec 27 Javascript
基于原生js实现判断元素是否有指定class名
Jul 11 Javascript
Vue ElementUI实现:限制输入框只能输入正整数的问题
Jul 31 Javascript
VsCode里的Vue模板的实现
Aug 12 Javascript
Jquery Ajax学习实例7 Ajax所有过程事件分析示例
Mar 23 #Javascript
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
Mar 23 #Javascript
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
Mar 23 #Javascript
javascript 多浏览器 事件大全
Mar 23 #Javascript
jQuery $.each的用法说明
Mar 22 #Javascript
javascript 用原型继承来实现对象系统
Mar 22 #Javascript
用js实现的自定义的对话框的实现代码
Mar 21 #Javascript
You might like
用PHP调用Oracle存储过程
2006/10/09 PHP
详解PHP的Yii框架中自带的前端资源包的使用
2016/03/31 PHP
php数据库操作model类(使用__call方法)
2016/11/16 PHP
使用PHPStorm+XDebug搭建单步调试环境
2017/11/19 PHP
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
页面装载js及性能分析方法介绍
2014/03/21 Javascript
JavaScript判断表单中多选框checkbox选中个数的方法
2015/08/17 Javascript
js+canvas绘制矩形的方法
2016/01/28 Javascript
AngularJS中处理多个promise的方式
2016/02/02 Javascript
Hammer.js+轮播原理实现简洁的滑屏功能
2016/02/02 Javascript
javascript实现查找数组中最大值方法汇总
2016/02/13 Javascript
JS实现图片放大缩小的方法
2017/02/15 Javascript
利用node.js实现反向代理的方法详解
2017/07/24 Javascript
浅谈react 同构之样式直出
2017/11/07 Javascript
在vue中使用SockJS实现webSocket通信的过程
2018/08/29 Javascript
vue+iview动态渲染表格详解
2019/03/19 Javascript
详解React服务端渲染从入门到精通
2019/03/28 Javascript
JS实现盒子拖拽效果
2020/02/06 Javascript
在vue中配置不同的代理同时访问不同的后台操作
2020/09/11 Javascript
详解React路由传参方法汇总记录
2020/11/29 Javascript
[05:31]DOTA2上海特级锦标赛主赛事第三日RECAP
2016/03/05 DOTA
SublimeText 2编译python出错的解决方法(The system cannot find the file specified)
2013/11/27 Python
python使用beautifulsoup从爱奇艺网抓取视频播放
2014/01/23 Python
Python win32com 操作Exce的l简单方法(必看)
2017/05/25 Python
Python多重继承的方法解析执行顺序实例分析
2018/05/26 Python
python字符串和常用数据结构知识总结
2019/05/21 Python
PyQt5图形界面播放音乐的实例
2019/06/17 Python
python绘制雪景图
2019/12/16 Python
利用 Python ElementTree 生成 xml的实例
2020/03/06 Python
用python制作个音乐下载器
2021/01/30 Python
会计助理的岗位职责
2013/11/29 职场文书
教育孩子心得体会
2014/01/01 职场文书
2014年教师节寄语
2014/08/11 职场文书
酒店管理失职检讨书
2014/09/16 职场文书
司法局2014法制宣传日活动总结
2014/11/01 职场文书
缓存替换策略及应用(以Redis、InnoDB为例)
2021/07/25 Redis