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 相关文章推荐
JavaScript 学习笔记(七)字符串的连接
Dec 31 Javascript
使用原生js写的一个简单slider
Apr 29 Javascript
JavaScript中获取高度和宽度函数总结
Oct 08 Javascript
js弹出窗口返回值的简单实例
May 28 Javascript
JavaScript优化以及前段开发小技巧
Feb 02 Javascript
详解用vue编写弹出框组件
Jul 04 Javascript
vue2.0使用swiper组件实现轮播的示例代码
Mar 03 Javascript
angularjs结合html5实现拖拽功能
Jun 25 Javascript
原生javascript中this几种常见用法总结
Feb 24 Javascript
JavaScript中数组去重的5种方法
Jul 04 Javascript
详谈vue中router-link和传统a链接的区别
Jul 22 Javascript
vue3使用vue-count-to组件的实现
Dec 25 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
thinkphp学习笔记之多表查询
2014/07/28 PHP
firefox插件Firebug的使用教程
2010/01/02 Javascript
javascript 解析url的search方法
2010/02/09 Javascript
有关js的变量作用域和this指针的讨论
2010/12/16 Javascript
jQuery随机切换图片的小例子
2013/04/18 Javascript
javascript if条件判断方法小结
2014/05/17 Javascript
JS中attr和prop属性的区别以及优先选择示例介绍
2014/06/30 Javascript
深入浅析JavaScript中数据共享和数据传递
2016/04/25 Javascript
js实现带缓动动画的导航栏效果
2017/01/16 Javascript
微信小程序 input表单与redio及下拉列表的使用实例
2017/09/20 Javascript
vue.js父子组件通信动态绑定的实例
2018/09/28 Javascript
脚手架vue-cli工程webpack的基本用法详解
2018/09/29 Javascript
Vuepress 搭建带评论功能的静态博客的实现
2019/02/17 Javascript
ES6 Object.assign()的用法及其使用
2020/01/18 Javascript
Python Trie树实现字典排序
2014/03/28 Python
Python 实现取矩阵的部分列,保存为一个新的矩阵方法
2018/11/14 Python
matplotlib实现区域颜色填充
2019/03/18 Python
python获取点击的坐标画图形的方法
2019/07/09 Python
Django 大文件下载实现过程解析
2019/08/01 Python
python 协程中的迭代器,生成器原理及应用实例详解
2019/10/28 Python
python学习将数据写入文件并保存方法
2020/06/07 Python
python爬虫scrapy图书分类实例讲解
2020/11/23 Python
python Zmail模块简介与使用示例
2020/12/19 Python
世界上最大的糖果店:Dylan’s Candy Bar
2017/11/07 全球购物
波兰最早的运动鞋精品店之一:Street Supply
2019/08/29 全球购物
新西兰最大的天然保健及护肤品网站:HealthPost(直邮中国)
2021/02/13 全球购物
新大陆软件面试题
2016/11/24 面试题
数学系个人求职信范文
2014/01/30 职场文书
广告创意求职信
2014/03/17 职场文书
小学生学习雷锋倡议书
2014/05/15 职场文书
红领巾心向党演讲稿
2014/09/10 职场文书
公司出差管理制度范本
2015/08/05 职场文书
2016幼儿园教师节新闻稿
2015/11/25 职场文书
创业计划书之珠宝饰品
2019/08/26 职场文书
Python基础之数据结构详解
2021/04/28 Python
解决pytorch读取自制数据集出现过的问题
2021/05/31 Python