javascript - 如何获取指定类的每个输入的宽度

Question

好吧，我有相当简单的东西，但有些东西不能正常工作。

我的第一件事是一对 <input />按钮，我想要的是为每个按钮换行自动设置宽度。

出于某种原因，无论我尝试什么，我得到的值都是 0 [3x]。例如像这样的东西......

$('.button_holder .proceed').each(function() {
     console.log( parseInt( $(this).outerWidth() ) );
});

console.log 给我“0”。

这是一个用于预览的 fiddle ，它在那里工作......很奇怪。

JS Fiddle Example

我不明白为什么，有什么建议吗？

编辑 1:我的项目将#container 设置为 display: none 并且 JS 做了一些淡入效果。删除它，它现在似乎可以正常工作。

关于为什么以及如何让它与 fadeIn() 一起工作的任何想法容器的？

Answer 1

当元素设置为 display:none 时，该元素在技术上不会出现在页面上。所以 width will be 0 .. 如果你想让它工作，请在 callback of fadein 中编写你的代码

$('#container').fadeIn( 300, function() {
     $('.button_holder .proceed').each(function() {
        console.log( parseInt( $(this).outerWidth(), 10 ) );
     });
});

因此，在回调函数中容器在页面上可见后，遍历元素，它应该可以正常工作。

使用parseint 时不要忘记添加radix 参数