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 相关文章推荐
jQuery实战之品牌展示列表效果
Apr 10 Javascript
JavaScript控制两个列表框listbox左右交换数据的方法
Mar 18 Javascript
通过实例理解javascript中没有函数重载的概念
Jun 03 Javascript
jQuery Tags Input Plugin(添加/删除标签插件)详解
Jun 20 Javascript
从0开始学Vue
Oct 27 Javascript
Vue.js组件使用开发实例教程
Nov 01 Javascript
javascript html5轻松实现拖动功能
Mar 01 Javascript
JS实现双击内容变为可编辑状态
Mar 03 Javascript
微信小程序与webview交互实现支付功能
Jun 07 Javascript
layui前端时间戳转化实例
Nov 15 Javascript
vue框架中props的typescript用法详解
Feb 17 Javascript
jquery实现垂直手风琴菜单
Mar 04 jQuery
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
十大“创意”战术!
2020/03/04 星际争霸
提高define性能的php扩展hidef的安装和使用
2011/06/14 PHP
PHP生成唯一订单号
2015/07/05 PHP
PHP实现打包zip并下载功能
2018/06/12 PHP
jquery 插件开发方法小结
2009/10/23 Javascript
获取3个数组不重复的值的具体实现
2013/12/30 Javascript
登陆成功后自动计算秒数执行跳转
2014/01/23 Javascript
经过绑定元素时会多次触发mouseover和mouseout事件
2014/02/28 Javascript
Node.js实现的简易网页抓取功能示例
2014/12/05 Javascript
AngularJS模块管理问题的非常规处理方法
2015/04/29 Javascript
深入理解JS中的Function.prototype.bind()方法
2016/10/11 Javascript
微信小程序 教程之wxapp 视图容器 view
2016/10/19 Javascript
ES5学习教程之Array对象
2017/04/01 Javascript
微信JSAPI Ticket接口签名详解
2020/06/28 Javascript
基于vue+canvas的excel-like组件实例详解
2017/11/28 Javascript
vue中render函数的使用详解
2018/10/12 Javascript
fetch 如何实现请求数据
2018/12/20 Javascript
JSON基本语法及与JavaScript的异同实例分析
2019/01/04 Javascript
Vue 实现前进刷新后退不刷新的效果
2019/06/14 Javascript
layui导出所有数据的例子
2019/09/10 Javascript
vue如何搭建多页面多系统应用
2020/06/17 Javascript
微信小程序实现多图上传
2020/06/19 Javascript
Vue使用CDN引用项目组件,减少项目体积的步骤
2020/10/30 Javascript
Python如何import文件夹下的文件(实现方法)
2017/01/24 Python
Python标准库笔记struct模块的使用
2018/02/22 Python
解决Pycharm无法import自己安装的第三方module问题
2018/05/18 Python
Ubuntu 20.04安装Pycharm2020.2及锁定到任务栏的问题(小白级操作)
2020/10/29 Python
利用Python如何画一颗心、小人发射爱心
2021/02/21 Python
英国奢侈品概念店:Base Blu
2019/05/16 全球购物
华三通信H3C面试题
2015/05/15 面试题
酒吧员工的岗位职责
2013/11/26 职场文书
乡镇保密工作承诺书
2015/05/04 职场文书
网聊搭讪开场白
2015/05/28 职场文书
挂职锻炼工作总结2015
2015/05/28 职场文书
公司周年庆典致辞
2015/07/30 职场文书
七年级话题作文之执着
2019/11/19 职场文书