1. ホーム
  2. css

[解決済み] select2入力の幅を設定する(Angular-uiディレクティブを使用)

2022-02-24 07:06:34

質問

このplunkr(select2 + angulat-ui)を動作させるのに問題があります。

http://plnkr.co/edit/NkdWUO?p=preview

ローカルの設定では、select2 の動作は確認できるのですが、select2 で説明されているような width の設定ができないのです。 ドキュメント . 幅が狭くて使い物になりません。

ありがとうございました。

EDIT そのplnkrは気にしないでください、私はここで動作するフィドルを見つけました。 http://jsfiddle.net/pEFy6/

最初の要素の幅に合わせて折りたたむのがselect2の動作のようです。ブートストラップで幅を設定することができました class="input-medium" .なぜangular-uiがコンフィグパラメータを取らないのか、まだよくわかりません。

解決方法は?

要素の幅を保持するために、解決する属性の幅を指定する必要があります。

$(document).ready(function() { 
    $("#myselect").select2({ width: 'resolve' });           
});