gpt4 book ai didi

jquery - 从 jquery 移动选择菜单中获取最宽的选项宽度

转载 作者:行者123 更新时间:2023-11-28 15:23:09 25 4
gpt4 key购买 nike

我有一个 jQuery 移动页面,带有一些选择菜单。在选择菜单中,我像往常一样有选项。

例如:

  • 请选择一个
  • 康柏
  • 惠普
  • 华硕
  • `

等...

当我打开页面时,选择菜单的宽度是请选择一个的宽度,并且有一个小图标,一个向下的箭头。例如,当我将选项更改为 HP 时,选择菜单将非常小(字体大小和所有其他保留),整个选择菜单的宽度将是 HP 文本和图标。

我想要实现的是获得最长的文本并将选择菜单的宽度设置为固定的宽度。

在我的例子中,这应该是 This is a longer text than others

带有`$.(each, options).

这是我厌倦的:

$(document).on("pagecontainershow", function (event, ui) {
var options = $('.ui-content .parameters .ui-select option');
var maxWidth = 0;
$.each(options, function (idx, obj) {
console.log($(obj).text());
console.log($(obj).outerWidth());
//console.log($(obj).text().outerWidth()); This is what I really need,
//but there is no function like this
});

});

问题是,我无法获取最长文本的宽度。有人可以帮助我了解如何赚取这个吗?

jQueryCSS 也可以。

注意:我不需要文本的长度,我需要文本的宽度

最佳答案

当您不使用“data-inline=true”时,您应该能够将选区调整为固定宽度,这会将宽度设置为“auto”,并且当您将选区放入容器中并给出容器宽度

参见 Fiddle

CSS

#container {width:400px}

html

<div id="container" >
<select id="selection">
<option value="1">i'm short.</option>
<option value="2">i'm kinda medium...</option>
<option value="3">i'm large, or better: i'm huge!</option>
</select>
</div>

关于jquery - 从 jquery 移动选择菜单中获取最宽的选项宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30862071/

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