某些元素不会在文档之前添加

Question

我一直试图弄清楚这几个小时无济于事。发生的事情只是＆＃34; completeLi＆＃34;变量被放在文档中。不是的部分是带有＆＃34;完成＆＃34;类的span标签。和＆＃34;删除＆＃34;。正如你所看到的，我甚至试图为它们分配图标也无济于事。

注意：这是jQuery和jQuery UI。

感谢您提供任何帮助。

$("#addToDo").on("click", function(e){ 
                e.preventDefault(); 
                $("#new-todo").dialog({ 
                    modal: true,    
                    height: 300,    
                    width: 300,
                    close : function(){ 
                        $("#new-todo input").val("");
                    },
                    buttons : { 
                        "Add Task" : function(){    
                            var tasks = $("#task").val();   
                            var dueTime = $("#due-date").val(); 
                            var completeLi = '<li><span class="done">X</span><span class = "task">' + tasks + '</span><span class ="due-date">' + dueTime + '</span><span class="delete">X</span></li>';

                            $("#to-do-list").prepend(completeLi); 
                            $("#to-do-list").hide().slideDown(300).find("li:first") 
                                    .animate({  
                                        'background-color': 'rgb(232, 230, 198)'
                                    }, 300)
                                    .animate({  
                                        'background-color' : '#E8E6C6'
                                    }, 200).animate();
                            $(this).dialog('close'); 
                        },
                        'Cancel' : function(){  
                            $(this).dialog('close');
                        }
                    }
                });
            });
            $("#addToDo").button({  
                icons : {
                    primary : "ui-icon-circle-plus"
                }
            });
            $(".done").button({ 
                icons : {
                    primary : "ui-icon-check"
                },
                cursor: 'pointer'
            });
            $(".delete").button({  
                icons : {
                    primary : "ui-icon-closethick"
                },
                cursor: 'pointer'
            });