Javascript 在用户生成的输入上显示切换按钮

我一直在尝试向用户生成的输入添加切换按钮，但没有成功。这是一个字体切换按钮

这是我的钢笔：还有密码

        <div id="list" class="greatList clearfix" >
        <ul class="greatList" style='display: none;'>
            <li class="items">
                <div class="box">
                    <i class="fa fa-toggle-on fa-2x active" id="on"></i>
                    <i class="fa fa-toggle-on fa-2x fa-rotate-180 inactive" id="off" style='display: none;'></i>
                </div>

            </li>
        </ul>   
    </div>

Jquery

$(document).ready(function(){

    //toggler

    $('.box').click(function() {
        $('.inactive, .active').toggle();
    });


    var trash = '<span class="delete">X</span>';
    var toggleButton = '<div class="box"></div>';


    //To allow the user to use enter
$('#addButton').click(function(e){
    e.preventDefault();
    var item = $('#addItems').val();
    var placeIt = $('<li style="display: block;">' + toggleButton + item +  trash + '</li>');

    if(!$.trim($('#addItems').val())) {
        alert('Please enter text to add to the list');
    } else {
        $('.greatList').append(placeIt);

    };
})

//To remove li when .trash is clicked
$(document).on('click', '.delete', function() {
    $(this).closest('li').fadeOut(350);
});

$（文档）.ready（函数（）{
//扳机
$（'.box'）。单击（函数（）{
$（'.inactive，.active'）.toggle（）；
});
var trash='X'；
var-toggleButton=''；
//要允许用户使用enter
$（“#添加按钮”）。单击（函数（e）{
e、 预防默认值（）；
var item=$（'#addItems'）.val（）；
var placeIt=$（'
'+toggleButton+item+trash+”
'）；
if（！$.trim（$（'#addItems'）.val（））{
警报（“请输入要添加到列表中的文本”）；
}否则{
$（'.greatList'）.append（placeIt）；
};
})
//单击.trash时删除li的步骤
$（文档）。在（'单击'，'删除'，函数（）上）{
$（this）.最近（'li'）。淡出（350）；
});

}))

---

感谢所有的帮助

实际上，我只需要在我的toggleButton变量中添加带有我的切换的I标记。。。现在开始尝试让我的开关工作

var toggleButton = '<div class="box" style="display: block;"><i class="fa fa-toggle-on fa-2x active" id="on"></i></div>';

var-toggleButton=''；

正在代码笔中添加切换按钮。。。你只需要设计它的样式就可以看到它。然后去掉负边距，这样它仍然可以看到。我试过这样做，但没有成功。谢谢你，我想我不太明白你的问题。发生了什么事？嘿，威尔，我把代码弄得乱七八糟之后，实际上解决了这个问题。。。我在变量中添加了带有切换的标记！再次感谢！var-toggleButton=''；