는 문제를 일으키는 : 그리고 전에 : 나는 flipswitch를 사용하기 위해 노력하고있어

Question

후 여기에 표시된 것처럼 :

http://proto.io/freebies/onoff/

그래도 난 데 문제가 있다는 것입니다 I 이러한 스위치를 동적으로 만들 필요가 있으므로 각각의 ID를 설정할 수 없습니다 (자바 스크립트를 통해이 작업을 수행하지 않는 것이 좋습니다). 전 :

나는 그러나이 원인 것 같다, 라벨 내부에있는 확인란을 퍼팅 시도 후 예에서 "onoffswitch - 내부"에서 제대로 작동하지. 나는 CSS와 HTML에 익숙하지 않아서 좀 곤란하다.

도움을 주시면 감사하겠습니다.

Answer 1

쉽게 고정 - P 나는 demo jsFiddle을 설정했습니다.

가 만드는 LABEL로 INPUT 이동
• 확인

• <div class="onoffswitch-inner"> 마지막 CSS 선택기 (이것은 선택의 중간에있어 ...)

  .onoffswitch - 체크 박스에서 .onoffswitch-label를 제거하기 전에이 나타납니다 : 선택 + .onoffswitch 라벨 .onoffswitch-내측 { 마진 왼쪽 : 0; }