小编tma*_*c12的帖子

当我尝试使用jQuery的append函数时,我有一个问题,它将元素添加到div但它失去了风格.这是一个例子在这里

这是我的HTML:

<form>
<div class="checkbox">
    <label>
        <input type="checkbox" data-toggle="toggle" checked="checked" />
        Toggle One
    </label>
</div>
<div id="mainDiv">
</div>
<div>
    <button type="button" class="btn btn-default" id="btnAdd">
      Add
    </button> 
</div>

这是js:

$('#btnAdd').click(function(){
  $('#mainDiv').append(' <input type="checkbox" data-toggle="toggle"/>');
})

我输入的样式是bootstrap-toggle.

你能帮助我吗？谢谢