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 相关文章推荐
Cookie 注入是怎样产生的
Apr 08 Javascript
ExtJS DOM元素操作经验分享
Aug 28 Javascript
jQuery中:submit选择器用法实例
Jan 03 Javascript
js实现从中间开始往上下展开网页窗口的方法
Mar 02 Javascript
基于JS模仿windows文件按名称排序效果
Jun 29 Javascript
JavaScript如何获取到导航条中HTTP信息
Oct 10 Javascript
Angular @HostBinding()和@HostListener()用法
Mar 05 Javascript
Angular5集成eventbus的示例代码
Jul 19 Javascript
Vue.js实现开发购物车功能的方法详解
Feb 22 Javascript
vue基于v-charts封装双向条形图的实现代码
Dec 09 Javascript
element-ui中el-upload多文件一次性上传的实现
Dec 02 Javascript
vue-cli3.0修改打包后的文件名和文件地址,打包后本地运行报错解决
Apr 06 Vue.js
点击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学习之整理字符串
2011/04/17 PHP
浅谈php安全性需要注意的几点事项
2014/07/17 PHP
Zend Framework教程之分发器Zend_Controller_Dispatcher用法详解
2016/03/07 PHP
各情景下元素宽高的获取实现代码
2011/09/13 Javascript
JavaScript中的私有/静态属性介绍
2012/07/26 Javascript
jquery入门—访问DOM对象方法
2013/01/07 Javascript
浅析JavaScript中两种类型的全局对象/函数
2013/12/05 Javascript
jQuery实现友好的轮播图片特效
2015/01/12 Javascript
Javascript中Date类型和Math类型详解
2016/02/27 Javascript
基于javascript实现泡泡大冒险网页版小游戏
2016/03/23 Javascript
D3.js实现直方图的方法详解
2016/09/25 Javascript
js/jq仿window文件夹移动/剪切/复制等操作代码
2017/03/08 Javascript
Nuxt默认模板、默认布局和自定义错误页面的实现
2020/05/11 Javascript
[02:55]含熏伴清风,风行者至宝、屠夫身心及典藏宝瓶二展示
2020/09/08 DOTA
Python深入学习之闭包
2014/08/31 Python
Python使用MONGODB入门实例
2015/05/11 Python
python实现图片变亮或者变暗的方法
2015/06/01 Python
Python减少循环层次和缩进的技巧分析
2016/03/15 Python
详解python中asyncio模块
2018/03/03 Python
PyQt5实现无边框窗口的标题拖动和窗口缩放
2018/04/19 Python
Python中利用xpath解析HTML的方法
2018/05/14 Python
使用Python检测文章抄袭及去重算法原理解析
2019/06/14 Python
Python多叉树的构造及取出节点数据(treelib)的方法
2019/08/09 Python
在pytorch中为Module和Tensor指定GPU的例子
2019/08/19 Python
python解释器spython使用及原理解析
2019/08/24 Python
用python对oracle进行简单性能测试
2020/12/05 Python
整理HTML5中支持的URL编码与字符编码
2016/02/23 HTML / CSS
html5给汉字加拼音加进度条的实现代码
2020/04/07 HTML / CSS
美国珠宝网上商店:Jeulia
2016/09/01 全球购物
YesStyle美国/全球:购买亚洲时装、美容化妆品和生活百货
2017/01/16 全球购物
《圆明园的毁灭》教学反思
2014/02/28 职场文书
经济管理毕业生求职信
2014/03/15 职场文书
《雪儿》教学反思
2014/04/17 职场文书
办理房产过户的委托书
2014/09/14 职场文书
如何用python清洗文件中的数据
2021/06/18 Python
如何利用python实现列表嵌套字典取值
2022/06/10 Python