Jquery - 자식 div의 이벤트 리스너가 부모 div의 CSS 속성을 변경합니다.

Question

제품 사용자 정의 양식을 작성 중이며 라디오 버튼이 opacity : 0으로 숨겨져 있습니다.

옵션이 선택되었다는 사용자에게 피드백으로 이미지의 테두리를 검정색으로 표시하고 싶습니다. 라디오 버튼에 이벤트 리스너를 추가 했으므로 포커스에서 부모 div의 CSS 속성을 사용자에게 피드백으로 바꿉니다. Chrome 및 jsfiddle에서 완벽하게 작동하지만 모바일 또는 Safari 브라우저에서는 작동하지 않습니다.

왜 이런 일이 발생하며 해결 방법은 무엇입니까?

다음은 jsfiddle https://jsfiddle.net/gLwjhqtd/

$('.radioButtons') 
    .focus(function() { 
     $(this).parent().css('border','2px solid black'); 
    }) 
    .blur(function() { 
     $(this).parent().css('border','none'); 
    }) 

감사입니다!

Answer 1

모바일에서 발생하지 않기 때문에 흐림이나 초점을 사용하지 마십시오. 시도해 볼 수 있습니다

$('.radioButtons').change(function(event){ 
    $('.radioButtons').parent().css('border','0'); 
    if($(event.target).is(':checked')) 
    { 
    $(event.target).parent().css('border','2px solid black'); 
    } 

})