我在我的页面中使用jQuery UI微调器,现在需要响应,因此提出了动态调整jQuery UI微调器宽度的挑战。
有谁知道有任何方法可以做到这一点?
HTML
<input type="text" id="myspinner" style="width: 50px" />
的JavaScript
$(function(){
$("#myspinner").spinner();
});
答案 0 :(得分:7)
<强>解决强>
对不起,我有点迟钝,正在寻找一个解决这个问题的jQuery方法,但后来意识到我可以调整原始输入框的CSS宽度以达到所需效果,如下所示
@media screen and (max-width: 1000px) and (min-width: 480px) {
#myspinner{
width: 30px;
}
}
或者你更愿意使用jQuery
$("#myspinner").width(30);
调用此方法后,jQuery UI小部件会自动调整输入框的大小