jquery easyui的tabs使用时的问题

更新时间：2010年03月23日 13:16:20 作者：

相信很多人用过jquery easyui，这个东西非常好用，界面也很美观，你都不需要在界面上花太多的工夫，例子程序也比较完善，基本上看下例子就能很好的使用easyui了，很方便。

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

我最近也使用了一下jquery easyui里tabs，但是发现一个问题：如果你把tabs的div开始设置为display:none，然后写个function change(){$("#tabs").css("display","block")}来让tabs显示，当执行change()时，结果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的大小重置就行了。

您可能感兴趣的文章:

jQuery插件imgPreviewQs实现上传图片预览
这篇文章主要介绍了jQuery插件imgPreviewQs实现上传图片预览的相关资料,需要的朋友可以参考下
2016-01-01
jQueryUI如何自定义组件实现代码
第一次自定义jQueryUI Widget 又是第一次，现在的感受是jQueryUI Widget能让你代码组织得更好,风格更一致。
2010-11-11
jQuery中 prop() attr()使用详解
在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？关于它们两个的区别，这里谈谈我的心得，我的心得很简单：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。
2015-05-05
Jquery实现自定义tooltip示例代码
这篇文章主要介绍了Jquery实现自定义tooltip的方法,需要的朋友可以参考下
2014-02-02
jQuery实现菜单栏导航效果
这篇文章主要为大家详细介绍了jQuery实现简单菜单栏导航效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-08-08
jquery导航制件jquery鼠标经过变色效果示例
这篇文章主要介绍了jquery鼠标经过变色效果代码，大家参考使用吧
2013-12-12
jQuery实现字符串全部替换的方法
这篇文章主要介绍了jQuery实现字符串全部替换的方法,结合实例形式对比分析了使用Replace进行替换的方法及使用正则进行全部替换的相关操作技巧,需要的朋友可以参考下
2016-12-12
jQuery插件ContextMenu自定义图标
这篇文章主要为大家详细介绍了jQuery插件ContextMenu自定义图标的相关代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-03-03
jQuery1.5.1 animate方法源码阅读
jquery本身的动画较之mootools，总体上感觉稍微有点逊色，不过因为其有强大的插件，加上API易读型，易用性等备受青睐，在动画效果方面，API提供了比如一些比较实用的Effects，下面是main方法animate
2011-04-04
jquery Validation表单验证使用详解
功能强大的 jquery 表单验证插件，适用于日常的 E-mail、电话号码、网址等验证及 Ajax 验证，除自身拥有丰富的验证规则外，还可以添加自定义的验证规则。兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+
2015-04-04