JavaScript提高:003:easy UI实现tab页面自适应问题
2014-07-31 20:42
288 查看
前面说到使用easyUI在asp.net中实现了tab控件效果。 http://blog.csdn.net/yysyangyangyangshan/article/details/38307477 不过有一个问题,div的宽度太宽了,而且不随页面变化而改变。
网上搜索了下,发现很多人也碰到过,而且也有解决的办法。下面看看吧。
实现tab的部分代码如下:引用的easyui文件参考上文。
网上搜索了下,发现很多人也碰到过,而且也有解决的办法。下面看看吧。
实现tab的部分代码如下:引用的easyui文件参考上文。
<div id="tabTop" class="easyui-tabs"> <div title="星期一"> </div> <div title="星期二"> </div> </div>解决方法如下:删除class,使用如下js。
<script type="text/javascript"> $('#tabTop').tabs({ width: $("#tabTop").parent().width(), height: "auto" }); </script>这样div就能自适应页面了。
相关文章推荐
- JavaScript提高:003:easy UI实现tab页面自适应问题
- JavaScript提高:002:ASP.NET使用easy UI实现tab效果
- JavaScript提高:002:ASP.NET使用easy UI实现tab效果
- javascript实现瀑布流自适应遇到的问题及解决方案
- iframe自适应内层页面高度,可响应页面中折叠点击事件,以及实现跨域的问题解决方案
- [原创]B/S页面From表单填写时用回车代替TAB的动态javascript实现方式
- JavaScript实现tab标签-解决循环bug问题
- javascript 实现页面间传值(3) 解决中文乱码问题
- 奇怪的问题,关于js+css实现页面内容高度自适应的两种解决方案
- javascript实现瀑布流自适应遇到的问题及解决方案
- 通过JAVAScript实现页面自适应
- javascript解决iframe框架页面自适应高度问题
- 通过JAVAScript实现页面自适应
- 通过JAVAScript实现页面自适应
- javascript实现瀑布流自适应遇到的问题及解决方案
- Javascript实现页面跳转的问题
- 通过JAVAScript实现页面自适应
- 通过JAVAScript实现页面自适应javascript
- 通过JAVAScript实现页面自适应
- 用javascript实现(页面正在加载的效果)