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 相关文章推荐
ie下动态加态js文件的方法
Sep 13 Javascript
JavaScript使用HTML5的window.postMessage实现跨域通信例子
Apr 11 Javascript
JS判断、校验MAC地址的2个实例
May 05 Javascript
解决自定义$(id)的方法与jquery选择器$冲突的问题
Jun 14 Javascript
Javascript中this的用法详解
Sep 22 Javascript
jquery实现拖拽调整Div大小
Jan 30 Javascript
基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用
Dec 16 Javascript
js实现内容显示并使用json传输数据
Mar 16 Javascript
AngularJS入门教程之数据绑定原理详解
Nov 02 Javascript
Vue.js 60分钟快速入门教程
Mar 28 Javascript
详解如何使用webpack在vue项目中写jsx语法
Nov 08 Javascript
vue实现移动端项目多行文本溢出省略
Jul 29 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
thinkphp多层MVC用法分析
2015/12/30 PHP
PHP下载远程图片并保存到本地方法总结
2016/01/22 PHP
PHP实现通过CURL上传文件功能示例
2018/05/30 PHP
php获取手机端的号码以及ip地址实例代码
2018/09/12 PHP
关于Anemometer图形化显示MySQL慢日志的工具搭建及使用的详细介绍
2020/07/13 PHP
JavaScript中的排序算法代码
2011/02/22 Javascript
nodejs win7下安装方法
2012/05/24 NodeJs
js分解url参数(面向对象-极简主义法应用)
2012/08/09 Javascript
解决json日期格式问题的3种方法
2014/02/02 Javascript
JavaScript中的prototype.bind()方法介绍
2014/04/04 Javascript
jQuery之动画效果大全
2016/11/09 Javascript
第一次接触神奇的前端框架vue.js
2016/12/01 Javascript
详解Jquery Easyui的验证扩展
2017/01/09 Javascript
JS完成画圆圈的小球
2017/03/07 Javascript
微信小程序 chooseImage选择图片或者拍照
2017/04/07 Javascript
JavaScript+CSS相册特效实例代码
2017/09/07 Javascript
vue在index.html中引入静态文件不生效问题及解决方法
2019/04/29 Javascript
Python中Selenium模拟JQuery滑动解锁实例
2017/07/26 Python
pandas object格式转float64格式的方法
2018/04/10 Python
Python利用heapq实现一个优先级队列的方法
2019/02/03 Python
Python Opencv任意形状目标检测并绘制框图
2019/07/23 Python
基于python的selenium两种文件上传操作实现详解
2019/09/19 Python
Python中低维数组填充高维数组的实现
2019/12/02 Python
CSS3 仿微信聊天小气泡实例代码
2017/04/05 HTML / CSS
Nº21官方在线商店:numeroventuno.com
2019/09/26 全球购物
英国户外服装、鞋类和设备的领先零售商:Millets
2020/10/12 全球购物
简述数据库的设计过程
2015/06/22 面试题
淘宝好评语大全
2014/05/05 职场文书
2014年团员学习十八大思想汇报
2014/09/13 职场文书
政协会议宣传标语
2014/10/09 职场文书
爱牙日宣传活动总结
2015/02/05 职场文书
党组织结对共建协议书
2016/03/23 职场文书
python 算法题——快乐数的多种解法
2021/05/27 Python
Redis 操作多个数据库的配置的方法实现
2022/03/23 Redis
直播实况, OMG破敌三路五十分钟大战神技局摩托车
2022/04/01 DOTA
Mysql 8.x 创建用户以及授予权限的操作记录
2022/04/18 MySQL