javascript - 基于单选按钮选择应用事件类

标签 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/

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

最佳答案

你应该添加touchstart来支持iphone

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

关于javascript - 基于单选按钮选择应用事件类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48942146/

相关文章:

javascript - 在 Javascript 中测试元素是否为数组

javascript - 运行 'ember server' 会导致构建失败并出现 EEXIST 错误?

javascript - 如何使用 msdropdown 插件禁用选项

javascript - 隐藏表行 colspan 无法工作

javascript - 带有看似定义的变量的未捕获 ReferenceError

jquery - Bootstrap - 悬停效果仅在导航栏未折叠时有效

jquery - 是否可以在非必填字段上使用 HTML5 验证?

javascript - 如何使用 Refresh 获取日期时间 Angular JS

HTML 圆角 Internet Explorer

html - :First-Child and :nth-child() not working