javascript - 设置 jQuery UI Spinner 以调整宽度以使文本适合

Question

我正在查看这个 jQuery UI Spinner 示例 https://jqueryui.com/spinner/我注意到它的输入区域的默认宽度比里面的实际字符串大得多。如何配置小部件以使其宽度自动调整并且我只能看到输入框内的文本，前面没有任何空格？

例子:

代替这个:

[   10]

我只想看这个:

[10]

但是当文本进一步增长时，它应该增长以适应它:

[100]

注意:我熟悉 HTML <input type="text"> 大小属性，它允许我指定输入的硬编码大小(以字符为单位)，但我在这里看不到这样的设置:https://api.jqueryui.com/spinner/ .是因为小部件透明地继承了输入小部件的所有属性，还是可以以不同的方式完成？如果由于某种原因无法实现问题中所述的目标，我愿意接受这种方法作为特定的解决方法。

Answer 1

我找到了一个 related answer .所以我把它和https://jqueryui.com/spinner/混在一起了.我们可以通过 _format 事件检测值的变化，并调用其中的 resizeInput 方法:

$.widget( "ui.pcntspinner", $.ui.spinner, {
    _format: function( value ) { intputElem.each(resizeInput); return value; },
});

它奏效了。在 JSfiddle 上亲自尝试.