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