라이언 파이트 사용자 정의 HTML 양식과 새로 추가 된 요소

Question

나는 체크 박스와 라디오 버튼의 스타일이 스크립트를 사용하고 있는데 그것을 잘 작동합니다 : 나는 페이지로 dinamically 체크 박스와 라디오 버튼을 추가 할 때

http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

문제는 jquery를 사용합니다. 이러한 새로 생성 된 항목은 스타일이 적용되지 않습니다.

누구든지이 문제를 해결할 방법을 알고 있습니까?

편집 : 나는 새로운 체크 박스를 추가 해요 동적이 사용 :

dropdown.change(function() { 
    $('#template').tmpl(data).appendTo('.container'); //here the new elements get added 
    Custom[init](); //THIS DOESN'T TRIGGER 
}); 

Answer 1

나는 라이언의 스크립트가 어떻게 작동하는지 모르겠지만, 사용자 정의 라디오 버튼을 포함하는 많은 프로젝트에 근무했습니다 . 일반적으로 CSS를 사용하고 라디오 버튼의 불투명도를 0으로 설정합니다.

input[type='radio'] { 
    opacity: 0; 
} 

다음은 .checkbox와 같은 클래스의 스팬 태그로 라디오 버튼을 래핑합니다.

이제 이벤트를 첨부하여 백그라운드 이미지를 표시하거나 숨길 수 있어야합니다. 난 당신이하지 않는 경우, 일을하는 스크립트를 사용의 큰 팬이 아니에요 http://jsfiddle.net/07x4zr79/

:

완전한 데모를 참조하십시오.