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 获取URL参数的插件
Mar 04 Javascript
jquery-syntax动态语法着色示例代码
May 14 Javascript
JS实现点击按钮后框架内载入不同网页的方法
May 05 Javascript
jquery验证邮箱格式是否正确实例讲解
Nov 16 Javascript
js面向对象的写法
Feb 19 Javascript
JQuery之proxy实现绑定代理方法
Aug 01 Javascript
Bootstrap基本组件学习笔记之分页(12)
Dec 08 Javascript
js canvas实现简单的图像扩散效果
Jun 28 Javascript
微信小程序实现指定显示行数多余文字去掉用省略号代替
Jul 25 Javascript
vue项目中使用Svg的方法
Oct 24 Javascript
angular组件间传值测试的方法详解
May 07 Javascript
Vue中父子组件的值传递与方法传递
Sep 28 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
phpstrom使用xdebug配置方法
2013/12/17 PHP
Apache服务器下防止图片盗链的办法
2015/07/06 PHP
onsubmit阻止form表单提交与onclick的相关操作
2010/09/03 Javascript
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
2013/06/26 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
2014/10/14 Javascript
js实现格式化金额,字符,时间的方法
2015/02/26 Javascript
JS+CSS模拟可以无刷新显示内容的留言板实例
2015/03/03 Javascript
js实现将选中值累加到文本框的方法
2015/08/12 Javascript
基于javascript实现tab选项卡切换特效调试笔记
2016/03/30 Javascript
Bootstrap实现的表格合并单元格示例
2018/02/06 Javascript
浅谈vue单一组件下动态修改数据时的全部重渲染
2018/03/01 Javascript
vue注册组件的几种方式总结
2018/03/08 Javascript
vue 简单自动补全的输入框的示例
2018/03/12 Javascript
Vue 幸运大转盘实现思路详解
2019/05/06 Javascript
layui实现下拉复选功能的例子(包括数据的回显与上传)
2019/09/24 Javascript
JavaScript单线程和任务队列原理解析
2020/02/04 Javascript
javascript使用canvas实现饼状图效果
2020/09/08 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
2020/12/24 Javascript
[48:21]林俊杰圣堂刺客超神杀戮秀
2014/10/29 DOTA
python基于mysql实现的简单队列以及跨进程锁实例详解
2014/07/07 Python
Python的另外几种语言实现
2015/01/29 Python
python实现数值积分的Simpson方法实例分析
2015/06/05 Python
使用python 和 lint 删除项目无用资源的方法
2017/12/20 Python
python使用xlrd和xlwt读写Excel文件的实例代码
2018/09/05 Python
django使用haystack调用Elasticsearch实现索引搜索
2019/07/24 Python
Django之编辑时根据条件跳转回原页面的方法
2019/08/21 Python
python 字符串常用函数详解
2019/09/11 Python
使用Keras 实现查看model weights .h5 文件的内容
2020/06/09 Python
Ray-Ban雷朋奥地利官网:全球领先的太阳眼镜品牌
2020/10/12 全球购物
惠普新加坡官方商店:HP Singapore
2020/04/17 全球购物
心理健康教育心得体会
2013/12/29 职场文书
2015年元旦文艺晚会总结(学院)
2014/11/28 职场文书
中班上学期个人总结
2015/02/12 职场文书
第一节英语课开场白
2015/06/01 职场文书
预备党员转正意见
2015/06/01 职场文书
普希金诗歌赏析(6首)
2019/08/22 职场文书