1

Rails 4 を使用して、jQuery モバイル フォームにラジオ ボタンをインラインで表示しようとしています。ラジオ ボタンのラベルは、他の入力フィールド ラベルのようにフォーマットされておらず、ボタンは別の行に表示されます。ラベルとボタンを 1 行で表示するにはどうすればよいですか。ボタンは、ラベルを収容するのに十分な幅ではなく、ページの全幅でもあります。

<div>  
  <%= f.label :boss %>
  <%= f.radio_button :boss, false %>
  <%= f.label :boss, 'No', :value => false %>
  <%= f.radio_button :boss, true %> 
  <%= f.label :boss, 'Yes', :value => true %>
</div>
4

1 に答える 1

1

属性を持つフィールドセットにそれらをラップする必要がありますdata-tape="horizontal":

<fieldset data-role="controlgroup" data-type="horizontal">
    <legend>Horizontal:</legend>
    <input name="radio-choice-h-2" id="radio-choice-h-2a" value="on" checked="checked" type="radio">
    <label for="radio-choice-h-2a">One</label>
    <input name="radio-choice-h-2" id="radio-choice-h-2b" value="off" type="radio">
    <label for="radio-choice-h-2b">Two</label>
    <input name="radio-choice-h-2" id="radio-choice-h-2c" value="other" type="radio">
    <label for="radio-choice-h-2c">Three</label>
</fieldset>

作業例: http://jsfiddle.net/Gajotres/e4cWr/

于 2013-06-04T08:40:54.853 に答える