1

セマンティック UI でチェックボックスを使用しています。ラベルと入力の位置を切り替えたいのですが、ちょっと面倒です。トグルチェックボックスを使用しています。

<div class="ui toggle checkbox">
  <input id="privacy" type="checkbox" checked="checked">
  <label for="privacy">Public</label>
</div>

セマンティック UI チェックボックスのドキュメントはこちら: http://semantic-ui.com/modules/checkbox.html#/definition

html で入力とラベルを切り替えると、トグル機能が動作しなくなります。要素を相対的に配置することさえできないようです...追加できる簡単なクラス、または赤と緑のトグルの機能を維持しながら入力とラベルの位置を切り替えることができる何かがありますか?

ありがとう..

更新: 私はここでフィドルに取り組んでいます: これにはセマンティック ui css と js が含まれます。

http://jsfiddle.net/3xkrx/30/

4

3 に答える 3

2

まだこの問題があるかどうかはわかりませんが、一種の解決策を見つけました。私の場合、次のようなテーブルがあります

<table>
  <tr>
    <td><label for="A_ID">select A</label></td>
    <td>
        <div class="ui checkbox">
          <input id="A_ID" type="checkbox">
          <label for="A_ID"></label>
        </div>
    </td>
  </tr>
</table>

私はその背後にラベルを持っているので、それが機能するコード (Javascript なし)。

ちょっとした例http://jsfiddle.net/3xkrx/162/

于 2015-05-22T08:42:38.040 に答える