jquery easyui的tabs使用时的问题

2016-02-19 13:16 4 1 收藏

下面是个超简单的jquery easyui的tabs使用时的问题教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - Web开发 】

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

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

本来应该显示为:

结果显示为:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

后来我不断尝试,发现如果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');

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

来源:http://www.tulaoshi.com/n/20160219/1603608.html

延伸阅读
标签: Web开发
虽然方便好用,但是个人觉得其在UI方面的表现不是太出彩,今天无意中看到jquery tools--一种基于jquery的UI表现框架,其UI功能展示风格类似(或模仿)flex。该框架提供了tabs(选项卡/页签)overlay(覆盖层),tooltip(提示框),scrollable(滚动信息栏),expose(突出显示),flahembed(视频播放嵌入)六大类功能(其官方网站自称为六大工具),这...
AutoCAD图块插入技巧与使用时要注意的问题   在实际设计中,AutoCAD中图块插入前后其组成对象的图层、颜色、线型和线宽等常常会发生变化,本文分析了AutoCAD中图块插入前后其组成对象的图层、颜色、线型和线宽的变化规律,并推荐了绘制图块时所采用的图层、颜色、线型和线宽设置。 熟练掌握图块特性和使用图块绘图,是每一个渴望...
标签: Web开发
使用easyui 的好处除了界面还不错之外,也因为使用方便。 代码如下: div div title="搜索" .../div div title="选择".../div div title="返回".../div /div 只要给他定义个相应的class 就能实现各种效果。 但是,把它放在updatepanel里面,且不是首次就让他显示出来的话就出故障了。 代码如下: asp:MultiView runat="server...
标签: 生活常识
电脑使用时的坏习惯   1、烟盅、烟头 像香烟、雪茄或微小烟粒会伤害你的肺一样,烟也可能会跑进你的软驱并危及资料。烟雾也可能会覆盖CD-ROM、DVD驱动器的读取头,造成读取错误。烟头烟灰更有可能使得你的打印机和扫描仪质量大大的下降。 解决方法 要保护你的系统和你自己的最佳方式,就是不要抽烟。如果你就是戒...
标签: Web开发
今天我们再深入的学习一下jQuery的核心。 jQuery对象访问: $("Element").;        :function(,){return ? :;}        :function(,){return ? :;} ({          :function()          { &n...

经验教程

728

收藏

81
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部