子div上的事件监听器来改变父div的css属性

Question

我正在构建一个产品定制表单，单选按钮被隐藏，不透明度: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');
  }
})