jQuery UI Spinner宽度

时间:2014-01-03 14:08:23

标签: css jquery-ui width jquery-ui-spinner

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

有谁知道有任何方法可以做到这一点?

HTML

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

的JavaScript

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

1 个答案:

答案 0 :(得分:7)

<强>解决

对不起,我有点迟钝,正在寻找一个解决这个问题的jQuery方法,但后来意识到我可以调整原始输入框的CSS宽度以达到所需效果,如下所示

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

或者你更愿意使用jQuery

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

调用此方法后,jQuery UI小部件会自动调整输入框的大小