jQuery 유효성 검사 엔진과 prettyCheckbox가 함께 작동하는 방법?

Question

나는 내 WordPress 사이트에 jQuery 유효성 검사 엔진과 prettyCheckboxes jQuery 플러그인을 사용하고 있습니다.

처음에는 JVE가 <select> (jQuery selectBox) 스타일의 플러그인과 호환성을 통합했으며 교환 플러그인 <input type="checkbox"> (prettyCheckboxes)을 사용하여 동일한 작업을 수행하려고 시도했습니다.

당신은 플러그인 초기화에서 옵션으로 prettySelect : true을 추가해야합니다, 그래서 당신이 선 164, 330, 수정 된 플러그인 내에서 495, 693 및 1944에서 아래의 취지에서 볼 수있는 플러그인에 prettyCheckboxes : true을 추가했다.

이뿐 아니라 ID가 반복되지 않도록 클래스를 추가하고 클래스를 추가하면 안되는 클래스를 추가해야합니다. 또한 숨겨진 <input type="checkbox">에 "checked"속성을 추가해야했기 때문에 JVE 플러그인이 변경되었습니다.

오류 메시지가 표시 될 때까지만 작동하지만 잘못된 것입니다. 기본적으로 체크 상자를 클릭하면 표시 할 메시지가 등록되고 메시지를 선택 취소하면 사라집니다. 그 반대도 마찬가지입니다. 그러나 클릭 한 번 클릭 한 상태에서 다른 체크 상자를 클릭하면 처음에 클릭 한 순서대로하지 않으면 이 전혀 작동하지 않습니다.. 정말 이상합니다.

내 질문은 입니다. prettycheckbox를 JVE에서 올바르게 작동 시키려면 어떻게해야합니까?? 분명히 그것을 잘못 수정했지만 어디에서 어떻게 작동하는지 알 수 없습니다.

수정 jQuery를 검증 엔진, prettyCheckboxes, 사용자 정의 HTML 및 스크립트 : https://gist.github.com/0349d8c92039fc8c6009 내 코드의 일부는 플러그인을 방해 한 어떤 이유
(내가 게시 할 수 없습니다 죄송합니다 두 개 이상의 하이퍼 링크!)

Answer 1

:

$('.custom-tick').click(function() { 
    $(this).each(function() { 
     if ($(this).hasClass('checked')) { 
      $(this).siblings('input[type="checkbox"]') 
       .attr('checked', true); 
     } else { 
      $(this).siblings('input[type="checkbox"]') 
       .attr('checked', false); 
     } 
    }); 
}); 

내가 제거 했으므로 확인란이 유효성 검사를 올바르게 활성화하고 있습니다.