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 相关文章推荐
关于__defineGetter__ 和__defineSetter__的说明
May 12 Javascript
Jquery attr("checked") 返回checked或undefined 获取选中失效
Oct 10 Javascript
javascript修改表格背景色实例代码分享
Dec 10 Javascript
javascript原始值和对象引用实例分析
Apr 25 Javascript
JavaScript中标识符提升问题
Jun 11 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
Jun 19 Javascript
javascript返回顶部的按钮实现方法
Jan 09 Javascript
简单讲解jQuery中的子元素过滤选择器
Apr 18 Javascript
数组Array的一些方法(总结)
Feb 17 Javascript
详解如何在项目中使用jest测试react native组件
Feb 09 Javascript
微信jssdk逻辑在vue中的运用详解
Nov 14 Javascript
JavaScript之数组扁平化详解
Jun 03 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
php将会员数据导入到ucenter的代码
2010/07/18 PHP
php对mongodb的扩展(初出茅庐)
2012/11/11 PHP
使用PHP实现Mysql读写分离
2013/06/28 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(八)
2014/06/23 PHP
Laravel框架数据库CURD操作、连贯操作总结
2014/09/03 PHP
php带抄送和密件抄送的邮件发送方法
2015/03/20 PHP
利用js实现遮罩以及弹出可移动登录窗口
2013/07/08 Javascript
JS操作JSON要领详细总结
2013/08/25 Javascript
chrome下img加载对height()的影响示例探讨
2014/05/26 Javascript
JavaScript核心语法总结(推荐)
2016/06/02 Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
2016/06/02 Javascript
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
2016/06/12 Javascript
Jquery获取当前城市的天气信息
2016/08/05 Javascript
jQuery实现的简单拖拽功能示例
2016/09/13 Javascript
bootstrap使用validate实现简单校验功能
2016/12/02 Javascript
json2.js 入门教程之使用方法与实例分析
2017/09/14 Javascript
浅谈vue中慎用style的scoped属性
2017/11/28 Javascript
vue 标签属性数据绑定和拼接的实现方法
2018/05/17 Javascript
Vue Autocomplete 自动完成功能简单示例
2019/05/25 Javascript
vue项目前端错误收集之sentry教程详解
2019/05/27 Javascript
JavaScript交换变量的常用方法小结【4种方法】
2020/05/07 Javascript
基于PHP pthreads实现多线程代码实例
2020/06/24 Javascript
使用Python发送邮件附件以定时备份MySQL的教程
2015/04/25 Python
python中map()函数的使用方法示例
2017/09/29 Python
Python编程之Re模块下的函数介绍
2017/10/28 Python
在CMD命令行中运行python脚本的方法
2018/05/12 Python
Python中分支语句与循环语句实例详解
2018/09/13 Python
解决python ogr shp字段写入中文乱码的问题
2018/12/31 Python
Win10下Python3.7.3安装教程图解
2019/07/08 Python
Marks & Spencer爱尔兰:英国马莎百货
2016/04/20 全球购物
心理健康心得体会
2014/01/02 职场文书
超市端午节活动方案
2014/01/23 职场文书
一年级语文教学反思
2014/02/13 职场文书
校园游戏活动新闻稿
2014/10/15 职场文书
大学生预备党员自我评价
2015/03/04 职场文书
Python实现生活常识解答机器人
2021/06/28 Python