如何解决javascript获取隐藏元素宽高的方法

 jQuery/js   高蒙   阅读(1498)   评论(0)   2017-04-19 21:35:06    javascript 隐藏 元素宽高 


在实际操作中,我们往往需要新隐藏某些元素,当使用javascript点击或者其他操作的时候,才予以展示。一般我们都是设置其属性为display:none。那么,有个问题来了,就是当触发某个事件的时候,需要获取其宽高,进行居中展示,或者计算设置样式的像素值时,此时会意外的出现获取不到元素的宽高。当我刚遇到这个问题时候,也是懵了一下。还好,最后是解决了javascript获取隐藏元素宽高的问题。

那么,举例说明,如下:

<button>点我显示隐藏</button>
<div class="hidden" style="display:none;">我是隐藏元素</div>

$("button").on('click', function(event) {
    $(".hidden").show(0,function(){
// 在此处获取宽高即可。
    });
});


通过上面的方法,即可解决javascript获取隐藏元素的宽高。





相关文章



我要评论


站长昵称:(*)

输入内容:


评论列表


高蒙

男,程序猿一枚

 

人生要是没有理想, 那跟一条咸鱼有什么分别。


关于我

  http://www.shuchengxian.com

高蒙个人博客是以PHP技术为主的程序员个人博客。博客主要发布php开发中遇到的问题以及解决办法,同时个人博客也分享网站模板素材,jquery插件等方面素材。


站点声明:相关侵权、举报、投诉及建议等,请发E-mail:936594075#qq.com(#替换成@)。

Copyright © 2018, www.shuchengxian.com, All rights reserved. 个人博客皖公网安备 34152302000022号 皖ICP备15015490号

关键词:个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客