基于单选按钮选择应用活动类

时间:2018-02-23 06:11:03

标签: javascript jquery html css

我因为点击而将活动类应用到单选框的父元素时非常困难和沮丧。它在桌面上运行良好,但iOS和移动设备无法正确识别它,并且该类似乎没有被添加。

=====首先尝试======

$(document).ready(function() {
    $('.legal-category-select').find('input:checked').parents('.radio').addClass("active");
    $('.legal-category-select').find('.radio').on('click',function(){
      $('.legal-category-select').find('.radio').removeClass('active');
      $(this).addClass('active');
    });
});

=====再试一次======

$(document).ready(function() {
    $('.legal-category-select').find('input:checked').parents('.radio').addClass("active");
});
$(document).on('change','.legal-category-select',function(){ 
    $('.legal-category-select').find('.radio').removeClass('active');
    $('.legal-category-select').find('input:checked').parent().parent().addClass("active");
});

您可以在此处查看暂存网站:http://michaelwood.ca/work/dh/legal-faqs/

有谁知道如何在移动设备上解决此问题?

1 个答案:

答案 0 :(得分:0)

您应该为iphone支持添加touchstart

$('.legal-category-select').find('.radio').on('click touchstart',function(){