我在我的页面中使用了jQuery UI spinner,现在需要响应式设计,因此需要动态调整jQuery UI spinner的宽度。
有人知道如何实现吗?
HTML
<input type="text" id="myspinner" style="width: 50px" />
JavaScript
$(function(){
$("#myspinner").spinner();
});
我在我的页面中使用了jQuery UI spinner,现在需要响应式设计,因此需要动态调整jQuery UI spinner的宽度。
有人知道如何实现吗?
HTML
<input type="text" id="myspinner" style="width: 50px" />
JavaScript
$(function(){
$("#myspinner").spinner();
});
问题解决
抱歉,我有点愚蠢地寻找了一个jQuery的方式来解决这个问题,但之后我意识到只需调整原始输入框的CSS宽度即可实现所需效果,如下所示:
@media screen and (max-width: 1000px) and (min-width: 480px) {
#myspinner{
width: 30px;
}
}
或者如果你更喜欢使用jQuery
$("#myspinner").width(30);