javascript - Jqueryユニフォーム変更選択サイズ

Question

Jquery Uniformを使用して入力選択のサイズを変更するにはどうすればよいですか?

http://uniformjs.com

Answer 1

<script>
 $('div.selector span', $('#parent_span')).css('width', '600px');
 $('div.selector', $('#parent_span')).css('width', '630px');
</script>

<span id="parent_span">
 <select style="width:630px;">
 </select>
</span>

Answer 2

CSSを使用するために幅を変更しdiv.selector spanますが、親タグの幅も考慮する必要があります。

Answer 3

これは私のために働いたものです：

selectAutoWidth : true作成時に設定します。

例えば：

$("select, input, textarea, input:checkbox, input:radio, input:file").uniform({selectAutoWidth : true});

次に、選択に幅を与えます。例えば：<select id="xx" style="width:70px;">

Answer 4

インライン スタイルを使用するのは悪い習慣です。Uniform docs に従ってそれを行う適切な方法は次のとおりです。

select 要素のサイズを指定して、Uniform で適切にラップする場合は、多少の困難が伴います。要素のサイズは検出される必要があり、Uniform によって変更されます。これを行うには、問題が発生したときにこれらの解決策のいずれかを実行することをお勧めします.

• 要素 () にカスタムのインライン幅を設定する (悪い習慣)

  また

• 2 つの CSS ルールを使用します。select { width: XXpx } および .selector select { width: 100% }

したがって、2 番目のオプションを使用して、css ファイルで次のようにします。

#parent_span select {width:630px;)
#parent_span .selector select {width:100%;}

トリックは、630px を使用してラッピングの Uniform div を作成し、次に 2 番目の css ルールが開始され、select タグがその内部で 100% 使用されるようにすることです。