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匿名函数的问题分析
Mar 30 Javascript
js面向对象 多种创建对象方法小结
May 21 Javascript
12款经典的白富美型—jquery图片轮播插件—前端开发必备
Jan 08 Javascript
jQuery实现 注册时选择阅读条款 左右移动
Apr 11 Javascript
基于javascript 闭包基础分享
Jul 10 Javascript
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
Nov 25 Javascript
jQuery使用ajaxSubmit()提交表单示例
Apr 04 Javascript
如何利用AngularJS打造一款简单Web应用
Dec 05 Javascript
JavaScript 事件对内存和性能的影响
Jan 22 Javascript
vue.js学习之vue-cli定制脚手架详解
Jul 02 Javascript
jQuery EasyUI开发技巧总结
Sep 26 jQuery
Next.js实现react服务器端渲染的方法示例
Jan 06 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
支持oicq头像的留言簿(二)
2006/10/09 PHP
帝国CMS留言板回复后发送EMAIL通知客户
2015/07/06 PHP
php+js实现百度地图多点标注的方法
2016/11/30 PHP
实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等)
2013/01/11 Javascript
jquery $.fn $.fx是什么意思有什么用
2013/11/04 Javascript
JavaScript图片轮播代码分享
2015/07/31 Javascript
js代码实现点击按钮出现60秒倒计时
2021/01/28 Javascript
jQuery模拟物体自由落体运动(附演示与demo源码下载)
2016/01/21 Javascript
javascript实现瀑布流加载图片原理
2016/02/02 Javascript
JS实现的表头列头固定页面功能示例
2017/01/10 Javascript
React实现点击删除列表中对应项
2017/01/10 Javascript
利用node.js实现反向代理的方法详解
2017/07/24 Javascript
JS 验证码功能的三种实现方式
2018/11/26 Javascript
使用webpack搭建vue项目实现脚手架功能
2019/03/15 Javascript
vue实现日历备忘录功能
2020/09/24 Javascript
JavaScript实现图片放大镜效果
2019/06/27 Javascript
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
2019/12/23 Javascript
bootstrapValidator表单校验、更改状态、新增、移除校验字段的实例代码
2020/05/19 Javascript
详解Vue之事件处理
2020/07/10 Javascript
Python和Ruby中each循环引用变量问题(一个隐秘BUG?)
2014/06/04 Python
python fabric使用笔记
2015/05/09 Python
Python实现压缩和解压缩ZIP文件的方法分析
2017/09/28 Python
Python爬虫之pandas基本安装与使用方法示例
2018/08/08 Python
python通用读取vcf文件的类(复制粘贴即可用)
2020/02/29 Python
Python selenium爬取微博数据代码实例
2020/05/22 Python
HTML5 标准将把互联网视频扔回到黑暗时代
2010/02/10 HTML / CSS
澳大利亚排名第一的露营和户外设备在线零售商:Outbax
2020/05/06 全球购物
你所知道的集合类都有哪些?主要方法?
2012/12/31 面试题
工程预算与管理应届生求职信
2013/10/06 职场文书
经典婚礼主持词
2014/03/13 职场文书
小学生母亲节演讲稿
2014/05/07 职场文书
学习型党组织建设经验材料
2014/05/26 职场文书
无房产证房屋转让协议书合同样本
2014/10/18 职场文书
毕业生就业推荐表自我评价
2015/03/02 职场文书
只用40行Python代码就能写出pdf转word小工具
2021/05/31 Python
Java练习之潜艇小游戏的实现
2022/03/16 Java/Android