gpt4 book ai didi

jQuery - 计算 minWidth

转载 作者:行者123 更新时间:2023-12-01 08:18:35 25 4
gpt4 key购买 nike

View jsFiddle

尝试设置 min-Width<menu>通过计算所有 <command> 的总宽度<menu> 内的元素。我尽力在下面jQuery中弄清楚了:

$(document).ready(function() {
$('menu').each(function() {

var minWidth;

$('menu command').each(function() {
minWidth = minWidth + $(this).outerWidth();
});

$(this).css('min-width', minWidth);
});
});

这是 HTML 的格式:

<menu>
<command class="less" />
<command class="more" />

<div class="space"></div>

<command class="save" />
<command class="vote" />
<command class="send" />
</menu>

The div.space is just a seperator that I'm going to code later to split the commands across the full length.

我的代码目前没有错误。

View jsFiddle

最佳答案

定义 minWidth 变量时,您忘记将其设置为 0。您还忘记在设置 CSS 时在数字后面添加“px”。这是您的代码,正在运行:

$(document).ready(function() {
$('menu').each(function() {

var minWidth = 0;

$('menu command').each(function() {
minWidth = minWidth + $(this).outerWidth();
});

$(this).css('min-width', minWidth + 'px');
});
});

http://jsfiddle.net/kkBRE/5/

关于jQuery - 计算 minWidth,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8829140/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com