javascript - 隐藏元素如何获取相关数值?
大家讲道理
大家讲道理 2017-04-10 12:44:38
[JavaScript讨论组]

这个问题貌似以前知道,但不知道有没有好的方法。现在要做一个下接菜单,然后有一些下接列表的右边距会超会超出窗体的宽度。但么就要去计算了。这里遇到的问题就是,这些下接列表是隐藏的元素,我在"mouseover"的时候不能正确的获取它距里左边的left值,所以导致计算失败。
请教一下,类似的问题如何解决?

.box {
    border:1px solid red;
    width: 200px;
    height: 200px;
}
.box_inner{
    border:1px solid green;
    width: 50px;
    height: 50px;
    position:absolute;
    left:151px;
}
<p class="box" style="display:none;">
    <p class="box_inner"></p>
</p>
// TODO jQuery
var boxInner = $(".box_inner");
alert(boxInner.offset().left);
大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(2)
巴扎黑

父元素display:none,当然无法获取子元素,之能换个思路了。
试试更改HTML结构 或 判断父菜单项的数量,当达到一定数量后,将最后的几个菜单项添加新的类名,样式改为右对齐。

PHPz

父元素用 visibility: hidden

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号