Javascript 如何使用指定的类获取每个输入的宽度

好的，我有一件相当简单的事情，但有些事情不能正常工作

我拥有的第一件事是两个

按钮，我想要的是为每个按钮包装自动设置宽度

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

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

console.log给了我“0”

这是一个预览小提琴，它在那里工作。。。很奇怪

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

编辑1： 我的项目将#container设置为display:none，JS会产生一些fadeIn效果。删除了它，现在它似乎工作正常

---

您知道为什么以及如何使其与容器的

fadeIn（）

一起工作吗？

当元素设置为显示时：无从技术上讲，该元素不在页面上。因此

宽度将为0

。。如果希望它工作，请在fadein的

回调中编写代码

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

因此，在回调函数中的容器在页面上可见之后，迭代元素，它应该可以正常工作

当您使用
parseint
时，不要忘记添加基数参数，当元素设置为display:none时，该元素在技术上不在页面上。因此
宽度将为0
。。如果希望它工作，请在fadein的
回调中编写代码

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

因此，在回调函数中的容器在页面上可见之后，迭代元素，它应该可以正常工作

当您在本地主机上使用
parseint
时，不要忘记添加基数参数，我刚刚将所有内容复制到了小提琴上。在那里工作，不在我的项目上工作。当元素设置为
display:none
时，从技术上讲，元素不在页面上。因此宽度将为
0
。。如果你想让它工作，就在法德因的回调中编写你的代码。@Zenith对我的问题做了一个小编辑。@NenaddvL苏珊斯说了什么。。好的@su珊斯--！谢谢；）它在本地主机上，我刚刚把所有东西都复制到了小提琴上。在那里工作，不在我的项目上工作。当元素设置为
display:none
时，从技术上讲，元素不在页面上。因此宽度将为
0
。。如果你想让它工作，就在法德因的回调中编写你的代码。@Zenith对我的问题做了一个小编辑。@NenaddvL苏珊斯说了什么。。好的@su珊斯--！谢谢；）