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 相关文章推荐
在textarea中屏蔽js的某个function的javascript代码
Apr 20 Javascript
Extjs Ajax 乱码问题解决方案
Apr 15 Javascript
JQuery中serialize()、serializeArray()和param()方法示例介绍
Jul 31 Javascript
JavaScript+CSS实现的可折叠二级菜单实例
Feb 29 Javascript
JavaScript实现斗地主游戏的思路
Feb 29 Javascript
超漂亮的Bootstrap 富文本编辑器summernote
Apr 05 Javascript
AngularJS 模块化详解及实例代码
Sep 14 Javascript
ajax分页效果(bootstrap模态框)
Jan 23 Javascript
浅谈Angular 中何时取消订阅
Nov 22 Javascript
layui table单元格事件修改值的方法
Sep 24 Javascript
vue router 传参获取不到的解决方式
Nov 13 Javascript
typescript编写微信小程序创建项目的方法
Jan 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
php preg_match_all结合str_replace替换内容中所有img
2008/10/11 PHP
php中利用explode函数分割字符串到数组
2014/02/08 PHP
PHP中实现接收多个name相同但Value不相同表单数据实例
2015/02/03 PHP
PHP防盗链的基本思想 防盗链的设置方法
2015/09/25 PHP
php使用高斯算法实现图片的模糊处理功能示例
2016/11/11 PHP
thinkphp5 框架结合plupload实现图片批量上传功能示例
2020/04/04 PHP
javascript 流畅动画实现原理
2009/09/08 Javascript
通过身份证号得到出生日期和性别的js代码
2009/11/23 Javascript
JavaScript 判断指定字符串是否为有效数字
2010/05/11 Javascript
js 剪切板的用法(clipboardData.setData)与js match函数介绍
2013/11/19 Javascript
javascript获取本机操作系统类型的方法
2015/08/13 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
2016/09/01 Javascript
jQuery轮播图效果精简版完整示例
2016/09/04 Javascript
H5用户注册表单页 注册模态框!
2016/09/17 Javascript
jQuery滑动到底部加载下一页数据的实例代码
2017/05/22 jQuery
Vue如何实现组件的源码解析
2017/06/08 Javascript
vue实现百度搜索下拉提示功能实例
2017/06/14 Javascript
详解react-router如何实现按需加载
2017/06/15 Javascript
js实现动态增加文件域表单功能
2018/10/22 Javascript
小试SVG之新手小白入门教程
2019/01/08 Javascript
如何优雅地在vue中添加权限控制示例详解
2019/03/07 Javascript
vue 获取及修改store.js里的公共变量实例
2019/11/06 Javascript
非常漂亮的js烟花效果
2020/03/10 Javascript
[02:05]DOTA2完美大师赛趣味视频之看我表演
2017/11/18 DOTA
Python读写Excel文件方法介绍
2014/11/22 Python
深入理解Python中的内置常量
2017/05/20 Python
Python:Scrapy框架中Item Pipeline组件使用详解
2017/12/27 Python
使用django-crontab实现定时任务的示例
2018/02/26 Python
Pycharm创建项目时如何自动添加头部信息
2019/11/14 Python
pycharm 更改创建文件默认路径的操作
2020/02/15 Python
餐饮业会计岗位职责
2013/12/19 职场文书
食品安全承诺书
2014/05/22 职场文书
大专生自荐书范文
2014/06/22 职场文书
2014年工程部工作总结
2014/11/25 职场文书
实习计划书范文
2015/01/16 职场文书
入党个人总结范文
2015/03/02 职场文书