css - jQuery UI 微调器宽度

Question

我在我的页面中使用 jQuery UI 微调器，这些页面现在需要响应，因此提出了动态调整我的 jQuery UI 微调器宽度的挑战。

有谁知道有什么方法可以做到这一点？

HTML

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

JavaScript

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

score 8 · Accepted Answer

解决了

抱歉，我有点迟钝，正在寻找解决此问题的 jQuery 方法，但后来意识到我可以调整原始输入框的 CSS 宽度以达到如下所需的效果

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

或者如果您更愿意使用 jQuery

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

一旦调用，jQuery UI 小部件会自动调整输入框周围的大小

1 回答 1