0

jquery モバイルを使用して UI を構築していますが、問題はラベルの幅を調整できないことです。すべてのラベルの幅を 108px にする方法を教えてください。

http://jsfiddle.net/GZaqz/

以下のコード

<div data-role="fieldcontain" class="ui-field-contain ui-body ui-br">
<label data-role="none" for="basic">Zip</label>
<input style="width: 280px;" data-role="none" type="text"
    name="name" id="basic" value="">
</div>

幅が一定のすべてのラベルに対して、これに似た何かを達成しようとしています

ここに画像の説明を入力

4

1 に答える 1

0

マークアップに問題があります。forラベルのプロパティが入力の名前と同じではありません。これにより、jQueryMobileがコンテンツを適切にスタイル設定できなくなります。たとえば、これは次のとおりです。

<div data-role="fieldcontain" class="ui-field-contain ui-body ui-br">
    <label data-role="none" for="basic">Phone</label>
    <input style="width: 280px;" data-role="none" type="text" name="name" id="basic" value=""  />
</div>

これに変更する必要があります（forとnameプロパティが一致することに注意してください）：

<div data-role="fieldcontain" class="ui-field-contain ui-body ui-br">
    <label data-role="none" for="basic">Phone</label>
    <input style="width: 280px;" data-role="none" type="text" name="basic" id="basic" value=""  />
</div>

これが完了すると、jQueryMobileはフォームをほぼ希望どおりに機能させるはずです。

于 2013-01-15T03:18:32.403 に答える