data-type=”horizontal”
data-type=”horizontal”はボタンを水平ボタンに変更できる属性です。
data-role=”controlgroup”を付けた要素にdata-type=”horizontal”を指定することで水平ボタンに変更できます。
<div data-role="controlgroup" data-type="horizontal">
<a href="index.html" data-role="button">Yes</a>
<a href="index.html" data-role="button">No</a>
<a href="index.html" data-role="button">Maybe</a>
</div>ラジオボタンなどはfieldset要素に設定します。
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>Choose a pet:</legend>
<input type="radio" name="radio-choice" id="radio-choice-1" value="choice-1" checked="checked" />
<label for="radio-choice-1">Cat</label>
<input type="radio" name="radio-choice" id="radio-choice-2" value="choice-2" />
<label for="radio-choice-2">Dog</label>
<input type="radio" name="radio-choice" id="radio-choice-3" value="choice-3" />
<label for="radio-choice-3">Hamster</label>
<input type="radio" name="radio-choice" id="radio-choice-4" value="choice-4" />
<label for="radio-choice-4">Lizard</label>
</fieldset>これは、ボタンにdata-inline=”true”を指定していてる場合と同じ挙動です。
参考URL
jQuery Mobile Docs - Radio Buttons
登録日 : 2012年11月04日 最終更新日 : 2016年12月19日