JavaScript提高:003:easy UI实现tab页面自适应问题
JavaScriptUI 实现 页面 提高 适应 tab Easy
2023-09-27 14:27:00 时间
前面说到使用easyUI在asp.net中实现了tab控件效果。
http://blog.csdn.net/yysyangyangyangshan/article/details/38307477
只是有一个问题,div的宽度太宽了。并且不随页面变化而改变。
http://blog.csdn.net/yysyangyangyangshan/article/details/38307477
只是有一个问题,div的宽度太宽了。并且不随页面变化而改变。
网上搜索了下,发现非常多人也碰到过。并且也有解决的办法。
以下看看吧。
实现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就能自适应页面了。
相关文章
- Bootstrap报错:Bootstrap's JavaScript requires jQuery
- 轻量函数式 JavaScript:八、列表操作
- JavaScript中对象的补充2——工厂方法创建对象、构造函数、原型对象、垃圾回收(关注收藏,持续更新)
- JavaScript获取两个数之间的任意随机数
- [React] 01 - Intro: javaScript library for building user interfaces
- 【JavaScript】Symbol 静态属性(一)
- Vue项目运行或打包时,频繁内存溢出情况CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
- javascript strict mode
- Javascript --常用技巧
- JavaScript UI选型及Jquery EasyUI使用经验谈
- Android WebView与JavaScript交互操作(Demo)
- JavaScript(JS) Math.abs( x )
- JavaScript(JS) string.localeCompare( param )
- JavaScript技巧45招
- 腾讯地图微信小程序JavaScript SDK
- 二十一、python学习之前端(四):javascript入门及进阶