javascript - 使用 jQuery 添加元素后刷新 css

Question

当我尝试使用 jQuery 添加该元素时，在 radio 输入上加载自定义 css(twitter bootstrap)时遇到问题。

截图如下:

当我刷新页面时， radio 输入的 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

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

1. radio 在<div class="radio">里面元素。或者；
2. radio 在<label class="mt-radio mt-radio-line">里面元素。

(我猜是前者，但是如果不看你所有的 css 就很难确定)