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 相关文章推荐
javascript在事件监听方面的兼容性小结
Apr 07 Javascript
用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
Jun 19 Javascript
jquery.validate分组验证代码
Mar 17 Javascript
JS中处理与当前时间间隔的函数代码
May 23 Javascript
jQuery动态添加 input type=file的实现代码
Jun 14 Javascript
详解jquery uploadify 上传文件
Nov 09 Javascript
innerHTML动态添加html代码和脚本兼容多个浏览器
Oct 11 Javascript
微信小程序 setData的使用方法详解
Apr 20 Javascript
node.js文件上传重命名以及移动位置的示例代码
Jan 19 Javascript
浅析js中mvvm模式实现的原理
Oct 06 Javascript
对layui中的onevent 和event的使用详解
Sep 06 Javascript
javascript设计模式 ? 组合模式原理与应用实例分析
Apr 14 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
javascript动态添加、修改、删除对象的属性与方法详解
2014/01/27 Javascript
微信JS-SDK坐标位置如何转换为百度地图坐标
2016/07/04 Javascript
浅谈javascript中执行环境(作用域)与作用域链
2016/12/08 Javascript
JS中parseInt()和map()用法分析
2016/12/16 Javascript
bootstrap网格系统使用方法解析
2017/01/13 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
2017/04/07 jQuery
js控制文本框禁止输入特殊字符详解
2017/04/07 Javascript
详解vue 模版组件的三种用法
2017/07/21 Javascript
解决vuejs项目里css引用背景图片不能显示的问题
2018/09/13 Javascript
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
2018/11/30 Javascript
微信小程序中转义字符的处理方法
2019/03/28 Javascript
seajs和requirejs模块化简单案例分析
2019/08/26 Javascript
[17:13]DOTA2 HEROS教学视频教你分分钟做大人-斯拉克
2014/06/13 DOTA
[04:19]DOTA2完美大师赛第四天精彩集锦
2017/11/26 DOTA
Python中optparser库用法实例详解
2018/01/26 Python
Python 3.8 新功能全解
2019/07/25 Python
浅谈tensorflow中Dataset图片的批量读取及维度的操作详解
2020/01/20 Python
解决pycharm不能自动补全第三方库的函数和属性问题
2020/03/12 Python
python 实现仿微信聊天时间格式化显示的代码
2020/04/17 Python
Python+OpenCV图像处理——实现直线检测
2020/10/23 Python
维多利亚的秘密官方旗舰店:VICTORIA’S SECRET
2018/04/02 全球购物
UNDONE手表官网:世界领先的定制手表品牌
2018/11/13 全球购物
技校毕业生个人学习的自我评价
2014/02/21 职场文书
工程师岗位职责规定
2014/02/26 职场文书
期中考试反思800字
2014/05/01 职场文书
六一儿童节演讲稿
2014/05/23 职场文书
本科毕业生自荐信
2014/05/26 职场文书
国际贸易专业求职信
2014/06/04 职场文书
教师查摆问题自查报告
2014/10/11 职场文书
小班上学期个人总结
2015/02/12 职场文书
教师个人自我评价
2015/03/04 职场文书
2015年社区创卫工作总结
2015/04/21 职场文书
go语言中http超时引发的事故解决
2021/06/02 Golang
关于ObjectUtils.isEmpty() 和 null 的区别
2022/02/28 Java/Android
SpringBoot中HttpSessionListener的简单使用方式
2022/03/17 Java/Android
详解Vue3使用axios的配置教程
2022/04/29 Vue.js