我为我的应用程序创建了一个漂亮的小模式消息窗口,但我似乎无法找到注入叠加层的容器的高度。获取HTML元素的高度jQuery

function load_shipping_message (title, message) {

var left = (($(window).width()/2) - 300) + 'px';

var height = $(document).height();

var overlay = $('

var atc = $('

var mess = $('

'+title+'

'+message+'

Close

');

atc.html(mess);

var top = (($(window).height()/2) - (atc.height()/2)) + 'px';

atc.css ({

'top': top,

'left': left

});

overlay.fadeIn('slow', function() {

overlay.click (function() {

overlay.fadeOut ('slow', function() {

overlay.remove();

});

});

});

}

在上面的atc.height()的值总是返回0,即使它包含内容。

除此之外,它完美地工作,它只是将消息框的顶部设置为视口的中点,因为atc.height()始终为零。只是想正确居中,盒子的高度根据内容的长度而有明显的不同。

也许是因为叠加层被隐藏了?

谢谢。

-Vince

获取html元素的高,获取HTML元素的高度jQuery相关推荐

  1. java 获取图片的宽高

    博客引用处(以下内容在原有博客基础上进行补充或更改,谢谢这些大牛的博客指导): 通过java获取图片的宽高 获取本地文件的图片尺寸: import java.awt.image.BufferedIma ...

  2. jquery获取元素宽高

    前言 jquery获取元素宽高 <!DOCTYPE html> <html lang="zh" > <head><meta charset ...

  3. 微信小程序view动态长度_微信小程序实现动态获取元素宽高的方法分析

    本文实例讲述了微信小程序实现动态获取元素宽高的方法.分享给大家供大家参考,具体如下: 我以前一直以为微信小程序不能动态获取view元素的宽高.但是自从看到: wx.createSelectorQuer ...

  4. 如何通过JS获取元素宽高

    方法一:DOM节点.offsetWidth/offsetHeight 作用:获取到的是内容区域(content) + 内边距(padding) + 边框(border)的值,输出一个数字. <s ...

  5. jquery获取设置元素宽高位置height()、width()、offset()、position()、scrollTop()、scrollLeft()

    全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-style样式操作全解 jquery获取设置元素宽高位置 jquery的通过height().width().offset().positi ...

  6. vue 获取元素宽高

    vue 获取元素宽高 vue 中获取组件宽高分两种情况: 1.获取普通组件宽高,直接使用 $refs 即可 2.获取子组件宽高,需使用 $refs.$el 子组件 <template>&l ...

  7. 微信小程序动态获取和设置元素宽高

    需求 由于设计界面时常常会用到vh和rpx来设置元素的宽高,但是由于每个手机屏幕的高都不确定,而有时候在设计界面时想把内容刚好适应屏幕大小. 解决方法 设置要动态修改宽高的元素. <view c ...

  8. 原生js获取html元素高度,原生JS获取元素宽高实践详解

    开篇的话 任何不是亲身实践中求得的知识,都不是属于你的. 任何求得的知识不去时常温习运用,也不是属于你的. 记录由来 在做个上拉广告功能中遇到了一个"理所当然"觉得对的用法,慢慢才 ...

  9. JQuery-- 获取元素的宽高、获取浏览器的宽高和垂直滚动距离

    1 * 能够使用jQuery设置尺寸 2 * .width() width 3 * .innerWidth() width + padding 4 * .outerWidth() width + pa ...

最新文章

  1. 「模型解读」深度学习网络只能有一个输入吗
  2. ASP.NET Button控件的UseSubmitBehavior属性引发的血案
  3. getlab如何编辑提交时显示的用户名_GitHub 如何让你的提交显示被校验
  4. php里的%是什么意思,大家帮小弟我看下这段代码中的“%”是什么意思
  5. scp构造端口_指定端口号的scp
  6. android 线性布局蒙层,Android开发 - 掌握ConstraintLayout(一)传统布局的问题
  7. python列表切片赋值_Python中对切片赋值原理分析
  8. 【拨云见日】全面云化时代,如何选择适合自己的“云”?
  9. python pillow无法安装_Pillow
  10. 只有在人生的最低处才能看清这个世界
  11. dev Gridcontrol控件属性部分
  12. 一个常用的Android工具库
  13. 一名 IT 经理是如何把项目带崩的?
  14. 数模美赛LATEX傻瓜入门+快速上手+常见问题(不定期更新)
  15. 三角函数的思维导图(中)-1
  16. 【免费办公软件】万彩办公大师教程丨二维码生成器
  17. 为羊哥点赞,利用云服务器搭建私人云笔记
  18. TFT液晶屏显示中英文
  19. 黑盒测试——因果图法
  20. 将[c语言中文网](http://c.biancheng.net/view/1380.html)的“”23 种设计模式“的网页转成pdf

热门文章

  1. Python数据类型(一)数字类型
  2. Python爬取pilipili排行榜
  3. 建表错误:ParseException line 1:55 cannot recognize input near ‘)‘ ‘rowformat‘ ‘delimited‘ in column type
  4. 百度网盘不限速方法 直接跑满带宽
  5. 腾讯私有云TStack 自动化部署
  6. AHRS和IMU的联系和区别
  7. 网站不能正常访问的原因及几处处理方法
  8. 如何给图片加水印?分享怎么给图片加水印的方法
  9. 【C#】操作局域网共享文件夹文件,将本地文件复制到共享文件夹
  10. java——集合详解