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 相关文章推荐
用js做一个小游戏平台 (一)
Dec 29 Javascript
JSON 和 JavaScript eval使用说明
Jun 13 Javascript
点击显示指定元素隐藏其他同辈元素的方法
Feb 19 Javascript
js实现特定位取反原理及示例
Jun 30 Javascript
简介JavaScript中的setTime()方法的使用
Jun 11 Javascript
JavaScript中的原型继承基础学习教程
May 06 Javascript
JS基于构造函数实现的菜单滑动显隐效果【测试可用】
Jun 21 Javascript
微信小程序  http请求封装详解及实例代码
Feb 15 Javascript
Node.JS文件系统解析实例详解
May 15 Javascript
解决layui前端框架 form表单,table表等内置控件不显示的问题
Aug 19 Javascript
如何检查一个对象是否为空
Apr 11 Javascript
vue在路由中验证token是否存在的简单实现
Nov 11 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
第八节--访问方式
2006/11/16 PHP
手把手教你使用DedeCms的采集的图文教程
2007/03/11 PHP
php如何比较两个浮点数是否相等详解
2019/02/12 PHP
HTML IMG标签 onload 内存溢出导致浏览器CPU占用过高
2021/03/09 Javascript
CSS+JS构建的图片查看器
2006/07/22 Javascript
javascript 面向对象,实现namespace,class,继承,重载
2009/10/29 Javascript
Pro JavaScript Techniques学习笔记
2010/12/28 Javascript
javascript定时变换图片实例代码
2013/03/17 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
2013/11/03 Javascript
JavaScript检测字符串中是否含有html标签实现方法
2015/07/01 Javascript
基于jQuery实现返回顶部实例代码
2016/01/01 Javascript
jquery,js简单实现类似Angular.js双向绑定
2017/01/13 Javascript
Node.js之网络通讯模块实现浅析
2017/04/01 Javascript
vue-axios使用详解
2017/05/10 Javascript
详解Vue底部导航栏组件
2019/05/02 Javascript
javascript如何实现create方法
2019/11/04 Javascript
vue-preview动态获取图片宽高并增加旋转功能的实现
2020/07/29 Javascript
vue中如何自定义右键菜单详解
2020/12/08 Vue.js
Python常用知识点汇总
2016/05/08 Python
python对离散变量的one-hot编码方法
2018/07/11 Python
django admin 自定义替换change页面模板的方法
2019/08/23 Python
pytorch 改变tensor尺寸的实现
2020/01/03 Python
pytorch构建多模型实例
2020/01/15 Python
python通过安装itchat包实现微信自动回复收到的春节祝福
2020/01/19 Python
css3中背景尺寸background-size详解
2014/09/02 HTML / CSS
ShellScript面试题一则-ShellScript编程
2014/06/24 面试题
工业自动化专业毕业生推荐信
2013/11/18 职场文书
更夫岗位责任制
2014/02/11 职场文书
模具毕业生推荐信
2014/02/15 职场文书
2014年最新大专生职业生涯规划书范文
2014/09/13 职场文书
基层干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
春秋淹城导游词
2015/02/11 职场文书
《海上日出》教学反思
2016/02/23 职场文书
Vue图片裁剪组件实例代码
2021/07/02 Vue.js
MySQL深度分页(千万级数据量如何快速分页)
2021/07/25 MySQL
springboot+WebMagic+MyBatis爬虫框架的使用
2021/08/07 Java/Android