js不能获取隐藏的div的宽度只能先显示后获取

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" });

您可能感兴趣的文章:

  • js加载读取内容及显示与隐藏div示例
  • js innerHTML 改变div内容的方法
  • js实现右下角可关闭最小化div(可用于展示推荐内容)
  • js分页显示div的内容
  • js实现div弹出层的方法
  • js防止DIV布局滚动时闪动的解决方法
  • js使用循环清空某个div中的input标签值
  • js实现的点击div区域外隐藏div区域
  • js实现div闪烁原理及实现代码
  • JS实现div居中示例
  • js通过八个点 拖动改变div大小的实现方法
  • DIV始终居中的js代码
  • JS在可编辑的div中的光标位置插入内容的方法