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 自动增长的文本输入框实现代码
Apr 02 Javascript
JavaScript 用cloneNode方法克隆节点的代码
Oct 15 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
Apr 10 Javascript
jQuery实现图片与文字描述左右滑动自动切换的方法
Jul 27 Javascript
jquery实现表单输入时提示文字滑动向上效果
Aug 10 Javascript
全面解析DOM操作和jQuery实现选项移动操作代码分享
Jun 07 Javascript
微信小程序入门教程
Nov 18 Javascript
教你如何编写Vue.js的单元测试的方法
Oct 17 Javascript
js中!和!!的区别与用法
May 09 Javascript
Openlayers实现点闪烁扩散效果
Sep 24 Javascript
Vue+element-ui添加自定义右键菜单的方法示例
Dec 08 Vue.js
vue实现列表拖拽排序的示例代码
Apr 08 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实现的在线人员函数库
2008/04/09 PHP
PHP求小于1000的所有水仙花数的代码
2012/01/10 PHP
win7 64位系统 配置php最新版开发环境(php+Apache+mysql)
2014/08/15 PHP
php实现微信公众平台账号自定义菜单类
2014/12/02 PHP
解决php-fpm.service not found问题的办法
2017/06/06 PHP
Laravel5框架添加自定义辅助函数的方法
2018/08/01 PHP
js Flash插入函数免激活代码
2009/03/31 Javascript
javascript转换字符串为dom对象(字符串动态创建dom)
2010/05/10 Javascript
php对mongodb的扩展(初识如故)
2012/11/11 Javascript
javascript面向对象包装类Class封装类库剖析
2013/01/24 Javascript
AngularJS表格详解及示例代码
2016/08/17 Javascript
js HTML5手机刮刮乐代码
2020/09/29 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
2016/12/24 Javascript
Web纯前端“旭日图”实现元素周期表
2017/03/10 Javascript
Express框架之connect-flash详解
2017/05/31 Javascript
BootStrap入门学习第一篇
2017/08/28 Javascript
浅谈Koa2框架利用CORS完成跨域ajax请求
2018/03/06 Javascript
element ui table(表格)实现点击一行展开功能
2018/12/04 Javascript
node.js使用net模块创建服务器和客户端示例【基于TCP协议】
2020/02/14 Javascript
vue props 单项数据流实例分享
2020/02/16 Javascript
extjs图形绘制之饼图实现方法分析
2020/03/06 Javascript
使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)
2020/06/05 Javascript
JS中的变量作用域(console版)
2020/07/18 Javascript
vue实现移动端触屏拖拽功能
2020/08/21 Javascript
python获取文件真实链接的方法,针对于302返回码
2018/05/14 Python
对python特殊函数 __call__()的使用详解
2019/07/02 Python
css3 pointer-events 介绍详解
2017/09/18 HTML / CSS
企业演讲稿范文
2013/12/28 职场文书
财务部副经理岗位职责
2014/03/14 职场文书
安全环保演讲稿
2014/08/28 职场文书
信用卡工资证明范本
2014/10/17 职场文书
乔迁新居祝福语
2019/11/04 职场文书
python实现简单区块链结构
2021/04/25 Python
微信小程序中使用vant框架的具体步骤
2022/02/18 Javascript
JAVA长虹键法之建造者Builder模式实现
2022/04/10 Java/Android
Python中的 No Module named ***问题及解决
2022/07/23 Python