jQuery UI微调控件宽度

Question

5

我在我的页面中使用了jQuery UI spinner，现在需要响应式设计，因此需要动态调整jQuery UI spinner的宽度。

有人知道如何实现吗？

HTML

<input type="text" id="myspinner" style="width: 50px" />

JavaScript

$(function(){ 
    $("#myspinner").spinner(); 
});

- Jimbo

你应该发布相关的旋转器HTML/CSS/JavaScript，这样这个问题将来对其他人有用。 - Alex W

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jimbo · Accepted Answer

问题解决

抱歉，我有点愚蠢地寻找了一个jQuery的方式来解决这个问题，但之后我意识到只需调整原始输入框的CSS宽度即可实现所需效果，如下所示：

@media screen and (max-width: 1000px) and (min-width: 480px) {
    #myspinner{
        width: 30px;
    }
}

或者如果你更喜欢使用jQuery

$("#myspinner").width(30);

调用此函数后，jQuery UI小部件会自动围绕输入框进行调整大小。