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 相关文章推荐
Node.js中使用Buffer编码、解码二进制数据详解
Aug 16 Javascript
JavaScript AOP编程实例
Jun 16 Javascript
模板视图和AngularJS之间冲突的解决方法
Nov 22 Javascript
layui table 多行删除(id获取)的方法
Sep 12 Javascript
JavaScript实现模态对话框实例
Jan 13 Javascript
js实现聊天对话框
Feb 08 Javascript
JavaScript将数组转换为链表的方法
Feb 16 Javascript
基于html+css+js实现简易计算器代码实例
Feb 28 Javascript
jQuery--遍历操作实例小结【后代、同胞及过滤】
May 22 jQuery
详解Vue中的MVVM原理和实现方法
Jul 15 Javascript
JavaScript数组常用的增删改查与其他属性详解
Oct 13 Javascript
详解基于element的区间选择组件校验(交易金额)
Jan 07 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
Yii2中SqlDataProvider用法示例
2016/09/22 PHP
Yii2框架配置文件(Application属性)与调试技巧实例分析
2019/05/27 PHP
nginx 设置多个站跨域
2021/03/09 Servers
使用Math.floor与Math.random取随机整数的方法详解
2013/05/07 Javascript
js监听滚动条滚动事件使得某个标签内容始终位于同一位置
2014/01/24 Javascript
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
2014/05/05 Javascript
用js读、写、删除Cookie代码分享及详细注释说明
2014/06/05 Javascript
JS获取当前日期时间并定时刷新示例
2021/03/04 Javascript
js设置document.domain实现跨域的注意点分析
2015/05/21 Javascript
JavaScript操作HTML元素和样式的方法详解
2015/10/21 Javascript
jquery+json实现数据二级联动的方法
2015/11/28 Javascript
javascript实现dom元素可拖动
2016/03/21 Javascript
使用jQuery制作浮动工具栏的实例分享
2016/05/13 Javascript
jquery 标签 隔若干行加空白或者加虚线的方法
2016/12/07 Javascript
Ajax跨域实现代码(后台jsp)
2017/01/21 Javascript
前端分页功能的实现以及原理(jQuery)
2017/01/22 Javascript
JS实现线性表的链式表示方法示例【经典数据结构】
2017/04/11 Javascript
Node+Express+MongoDB实现登录注册功能实例
2017/04/23 Javascript
AngularJS入门教程二:在路由中传递参数的方法分析
2017/05/27 Javascript
鼠标拖动改变DIV等网页元素的大小的实现方法
2017/07/06 Javascript
详解Vue中使用Axios拦截器
2019/04/22 Javascript
使用异步组件优化Vue应用程序的性能
2019/04/28 Javascript
js 动态校验开始结束时间的实现代码
2020/05/25 Javascript
浅谈JavaScript中this的指向更改
2020/07/28 Javascript
微信小程序中target和currentTarget的区别小结
2020/11/06 Javascript
python实现自动登录人人网并访问最近来访者实例
2014/09/26 Python
使用Python的Django框架结合jQuery实现AJAX购物车页面
2016/04/11 Python
python取均匀不重复的随机数方式
2019/11/27 Python
python实现吃苹果小游戏
2020/03/21 Python
交通专业个人自荐信格式
2013/09/23 职场文书
幼师专业毕业生自荐信
2013/09/29 职场文书
自我鉴定模板
2013/10/29 职场文书
音乐学专业求职信
2014/07/22 职场文书
优秀大专毕业生求职信
2014/08/04 职场文书
公司周年庆寄语
2019/06/21 职场文书
JavaScript中isPrototypeOf函数
2021/11/07 Javascript