js不能获取隐藏的div的宽度只能先显示后获取


Posted in Javascript onSeptember 04, 2014
var tipsWidth = $(".Loading").css("width").replace("px", "") //先获取 
var windowWidth = $(window).width(); 
$(".Loading").css({ "display": "block" }); //再显示 
$(".Loading").css({ "left": (windowWidth - tipsWidth) / 2 + "px" });

我要获取一个根据内容自适应宽度的div的实际宽度,这个div初始是隐藏的,我要获取它的实际宽度,对他进行居中操作,弄了很长时间,总是获取不到该div的真实宽度,后来发现js不能获取隐藏div的的宽度,现在的办法是先将其显示出来,再获取其宽度,计算位置

$(".Loading").css({ "display": "block" });// 先显示 
var tipsWidth = $(".Loading").css("width").replace("px", "") //再获取 
var windowWidth = $(window).width(); 
$(".Loading").css({ "left": (windowWidth - tipsWidth) / 2 + "px" });
Javascript 相关文章推荐
用jquery中插件dialog实现弹框效果实例代码
Nov 15 Javascript
jQuery的live()方法对hover事件的处理示例
Feb 27 Javascript
jquery attr方法获取input的checked属性问题
May 26 Javascript
使用Node.js实现HTTP 206内容分片的教程
Jun 23 Javascript
js实现三张图(文)片一起切换的banner焦点图
Aug 25 Javascript
easyui form validate总是返回false的原因及解决方法
Nov 07 Javascript
JS打开摄像头并截图上传示例
Feb 18 Javascript
150行Node.js实现的dns代理工具
Aug 02 Javascript
基于vue、react实现倒计时效果
Aug 26 Javascript
解决微信授权成功后点击按返回键出现空白页和报错的问题
Jun 08 Javascript
js 数组当前行添加数据方法详解
Jul 28 Javascript
js实现简易ATM功能
Oct 27 Javascript
点击A元素触发B元素的事件在IE8下会识别成A元素
Sep 04 #Javascript
Flexigrid在IE下不显示数据的有效处理方法
Sep 04 #Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
Sep 04 #Javascript
告诉你什么是javascript的回调函数
Sep 04 #Javascript
jquery学习总结(超级详细)
Sep 04 #Javascript
JavaScript实现按Ctrl键打开新页面
Sep 04 #Javascript
js实现图片在未加载完成前显示加载中字样
Sep 03 #Javascript
You might like
php获取表单中多个同名input元素的值
2014/03/20 PHP
php中文验证码实现方法
2015/06/18 PHP
PHP+Mysql+jQuery实现发布微博程序 php篇
2015/10/15 PHP
PHP实现git部署的方法教程
2017/12/19 PHP
ExtJS4利根据登录后不同的角色分配不同的树形菜单
2014/05/02 Javascript
jquery事件preventDefault()方法用法实例
2015/01/16 Javascript
全面解析Bootstrap中form、navbar的使用方法
2016/05/30 Javascript
jQuery Chart图表制作组件Highcharts用法详解
2016/06/01 Javascript
jquery动态添加文本并获取值的方法
2016/10/12 Javascript
半个小时学json(json传递示例)
2016/12/25 Javascript
nodejs搭建本地http服务器教程
2017/03/13 NodeJs
基于layui数据表格以及传数据的方式
2018/08/19 Javascript
javascript+HTML5 canvas绘制时钟功能示例
2019/05/15 Javascript
vue实现简单的日历效果
2020/09/24 Javascript
Openlayers实现图形绘制
2020/09/28 Javascript
[58:21]DOTA2亚洲邀请赛 4.3 突围赛 Liquid vs VGJ.T 第二场
2018/04/04 DOTA
[01:13:51]TNC vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[43:57]Liquid vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
简单文件操作python 修改文件指定行的方法
2013/05/15 Python
Python SQLAlchemy基本操作和常用技巧(包含大量实例,非常好)
2014/05/06 Python
从零学python系列之数据处理编程实例(二)
2014/05/22 Python
用Python实现服务器中只重载被修改的进程的方法
2015/04/30 Python
详解用Python处理HTML转义字符的5种方式
2017/12/27 Python
用Python分析3天破10亿的《我不是药神》到底神在哪?
2018/07/12 Python
python3使用GUI统计代码量
2019/09/18 Python
python定间隔取点(np.linspace)的实现
2019/11/27 Python
浅析Python中字符串的intern机制
2020/10/03 Python
一级方程式赛车官方网上商店:F1 Store(支持中文)
2018/01/12 全球购物
TheFork葡萄牙:欧洲领先的在线餐厅预订平台
2019/05/27 全球购物
VICHY薇姿俄罗斯官方网上商店:法国护肤品牌,火山温泉水
2019/11/22 全球购物
小学生美德少年事迹
2014/02/02 职场文书
竞选文艺委员演讲稿
2014/04/28 职场文书
领导走群众路线整改措施思想汇报
2014/10/12 职场文书
解决goland 导入项目后import里的包报红问题
2021/05/06 Golang
vue2实现provide inject传递响应式
2021/05/21 Vue.js
Python读写yaml文件
2022/03/20 Python