使用jQuery添加元素后刷新css

Question

当我尝试使用jQuery添加该元素时，我在无线电输入上加载自定义css（twitter bootstrap）时遇到问题。

这是一个截图：

当我刷新页面时，加载了无线电输入的css（绿色箭头旁边），但是当我点击添加新序列时。

这是jQuery代码：

$('#btn_addseq').on('click', function (e) {
            e.preventDefault();
            var newitem = 'some tags' +
                            '<input type="radio" name="is_default" value="new_' + size + '"> Default</input>' +
                            'some tags' ;
            $("#list_sequences").append(newitem);
        };

修改 我工作的html：

<label class="mt-radio mt-radio-line" style="margin-top: 6px">
<input type="radio"
name="is_default" value="old_{{ $sequence->id }}" {{ $sequence->is_default ? 'checked' : '' }}>
Default

我在检查中看到的内容：

这是我要添加的项目的代码：

var newitem = '<div class="col-md-4">' +
                    '<div class="mt-radio-list">' +
                    '<label class="mt-radio mt-radio-line" style="margin-top: 6px">' +
                    '<input type="radio" name="is_default" value="new_' + size + '"> Default</input>' +
                    '</label>'+
                    '<a class="delete_new_seq" data-id="' + size + '"><i class="fa fa-remove" style="color: red;cursor: pointer;"></i> </a>'
                    '</div>' +
                    '</div>' ;

Answer 1

您的新控件没有指定类。将class属性添加到标记中，如下所示：

    var newitem = 'some tags' +
                    '<input type="radio" name="is_default" class="----" value="new_' + size + '"> Default</input>' +
                    'some tags' ;

Answer 2

管理元素外观的规则依赖于HTML的特定结构，在这种情况下，它看起来像您使用的css规则依赖

1. 收音机位于<div class="radio">元素内。或;
2. 收音机位于<label class="mt-radio mt-radio-line">元素内。

（我的猜测是前者，但是如果没有看到你所有的CSS，很难确定）