javascript - Jquery:计算隐藏输入的宽度

标签 javascript jquery

<分区>

非常简单的任务:使用 jquery 我需要在输入在屏幕上可见之前计算输入的宽度。

http://jsfiddle.net/ajbeaven/mKQx9/

为方便起见,这里是代码:

<div style="display:none;">
    <input />
</div> 

<script type="text/javascript">
    $(function () {
        alert($('input').width());
        $('div').show();
    });
</script>

警报始终显示 0

如何计算宽度而不必强制使元素可见,计算宽度,然后再次隐藏它们?

最佳答案

你不能。根据定义,隐藏元素的宽度为 0

如果您需要计算尺寸,您可以在屏幕外“显示”它(在一些奇怪的位置,例如 left: -9999px; top: -9999px

此外,这似乎是以下内容的副本:jQuery - Get Width of Element when Not Visible (Display: None)

关于javascript - Jquery:计算隐藏输入的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6908171/

相关文章:

javascript - 用三个js将图像(正面-背面)映射到球体上

javascript - jqGrid 分页不适用于 json 数据类型

javascript - 将 Java 变量值存储到 JavaScript/jQuery 变量中

javascript - 使用javascript迭代添加一个类

javascript - Angular 4 将服务从路由传递到组件

javascript - window.open 打开操作表后打开弹出窗口而不是新选项卡

javascript - Jquery.html() 在 IE7 中不起作用,但 innerHTML 在同一个地方工作

javascript - JQuery 将 2 个输入框的值添加到第三个

javascript - 使用 Node.js 将 MySQL 数据打印到 HTML 页面

javascript - Jquery 所有字段的总和