javascript - Bootstrap 3.2 : When added checkbox with jQuery, 它不会通过适当的 css 显示

Question

我用的是bootstrap 3.2。

我想使用 jQuery 添加复选框。

我已使用以下 html 附加到 ID 为“all_deal_type”的 div 中。

这是div html

       <div class="col-md-10 pull-right" style="padding-left:0px;" id="all_deal_type"</div>

这是我用来附加到 div 中的 html 模板。

    var template =  '<div class="col-md-3">'
                        +'<div class="form-group">'
                            +'<div class="checkbox-list">'
                                +'<label>'
                                +'<input type="checkbox" value="'+i+'"> '+v+'</label>'
                                +'<label>'
                            +'</div>'
                        +'</div>'
                    +'</div>';
     $("#all_deal_type").append(template);

当我附加复选框 html 时，它不会像 Bootstrap 那样显示复选框。

你能指导我哪里错了吗？

Answer 1

改变html格式

<div class="form-group checkbox-list col-md-9" style="padding-left:0px;" id="all_deal_type">
</div>

将 jquery 更改为

var template =  '<div class="checkbox col-md-3">'
                      +'<label>'
                      +'<input type="checkbox" value="'+i+'">' 
                      +v+'</label>'
                +'</div>';
$("#all_deal_type").append(template);`