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做flash做的事..才完成的一个类.Auntion Action var 0.1
Feb 23 Javascript
爱恋千雪-US-AscII加密解密工具(网页加密)下载
Jun 06 Javascript
javascript检查日期格式的函数[比较全]
Oct 17 Javascript
jquery的flexigrid无法显示数据提示获取到数据
Jul 19 Javascript
鼠标滑在标题上显示图片的JS代码
Nov 19 Javascript
JavaScript中document.forms[0]与getElementByName区别
Jan 21 Javascript
Bootstrap源码解读表单(2)
Dec 22 Javascript
vue.js中mint-ui框架的使用方法
May 12 Javascript
在Vue组件上动态添加和删除属性方法
Feb 23 Javascript
jQuery轻量级表单模型验证插件
Oct 15 jQuery
layui 上传图片 返回图片地址的方法
Sep 26 Javascript
vue 使用rules对表单字段进行校验的步骤
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
PHP在innodb引擎下快速代建全文搜索功能简明教程【基于xunsearch】
2016/10/14 PHP
浅谈PHP进程管理
2019/03/08 PHP
js实现幻灯片播放图片示例代码
2013/11/07 Javascript
解析Javascript中大括号“{}”的多义性
2013/12/02 Javascript
使用GruntJS构建Web程序之构建篇
2014/06/04 Javascript
javascript获取flash版本号的方法
2014/11/20 Javascript
node.js中的dns.getServers方法使用说明
2014/12/08 Javascript
详解JavaScript中数组和字符串的lastIndexOf()方法使用
2016/03/13 Javascript
dedecms页面如何获取会员状态的实例代码
2016/03/15 Javascript
终于实现了!精彩的jquery弹幕效果
2016/07/18 Javascript
javascript获取以及设置光标位置
2017/02/16 Javascript
解决BootStrap Fileinput手机图片上传显示旋转问题
2017/06/01 Javascript
vue+mockjs模拟数据实现前后端分离开发的实例代码
2017/08/08 Javascript
微信小程序 input表单与redio及下拉列表的使用实例
2017/09/20 Javascript
基于JavaScript实现抽奖系统
2018/01/16 Javascript
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
2018/04/20 Javascript
Nodejs + Websocket 指定发送及群聊的实现
2020/01/09 NodeJs
JS监听组合按键思路及实现过程
2020/04/17 Javascript
vue打开新窗口并实现传参的图文实例
2021/03/04 Vue.js
[03:21]辉夜杯主赛事 12月25日TOP5
2015/12/26 DOTA
探索Python3.4中新引入的asyncio模块
2015/04/08 Python
Python 找到列表中满足某些条件的元素方法
2018/06/26 Python
Python第三方Window模块文件的几种安装方法
2018/11/22 Python
HTML5 textarea高度自适应的两种方案
2020/04/08 HTML / CSS
AmazeUI导航的示例代码
2020/08/14 HTML / CSS
酒店副总岗位职责
2013/12/24 职场文书
最新党员思想汇报
2014/01/01 职场文书
同学聚会主持词
2014/03/18 职场文书
模具专业自荐信
2014/05/29 职场文书
新闻发布会活动策划方案
2014/09/15 职场文书
党员个人整改方案及措施
2014/10/25 职场文书
穆斯林的葬礼读书笔记
2015/06/26 职场文书
实习感想范文
2015/08/10 职场文书
大队委员竞选稿
2015/11/20 职场文书
正能量励志演讲稿三分钟(范文)
2019/07/11 职场文书
《和时间赛跑》读后感3篇
2019/12/16 职场文书