带有jquery的产品列表。方法删除（）

这是我的简单产品清单。我使用jquery。但是我有一些问题。Remove（）不工作，列表中的元素不删除。我不明白为什么。 请帮帮我，对不起我的英语）。这是我的密码

HTML

jquery

function addNewProduct(e) {
    if(e.keyCode == 13) {
            var toAdd = $('input[name=newProduct]').val();
            $('#productList').append('<li class="product"> <input     type="checkbox" class="doneProduct"/>'+toAdd+'<div class="remove"></div><li/>');
            $('#newProduct').val('');
            e.preventDefault();
        };
};

function deleteProduct() {
    $(this).parent().remove();
};

$(function() {
    $("#newProduct").on('keypress', addNewProduct);
    $(".remove").live('click', deleteProduct);
}) ;

函数addNewProduct（e）{
如果（e.keyCode==13）{
var toAdd=$（'input[name=newProduct]'）。val（）；
$（“#productList”）.append（“
”+toAdd+”
”）；
$（“#新产品”）.val（“”）；
e、 预防默认值（）；
};
};
函数deleteProduct（）{
$（this.parent（）.remove（）；
};
$（函数（）{
$（“#新产品”）。在（'keypress'，addNewProduct）上；
$（“.remove”）.live（'单击'，删除产品）；
}) ;

但是remove（）不起作用，列表的元素也不删除。我不明白为什么。

---

请帮帮我，对不起我的英语）

Live不支持您的Jquery版本。Live在版本1.7时被弃用，在版本1.9时被删除。当您使用live at版本>=1.9时，它会给您一个错误（请检查您的控制台）

---

请参见此处：

Live不支持您的Jquery版本。Live在版本1.7时被弃用，在版本1.9时被删除。当您使用live at版本>=1.9时，它会给您一个错误（请检查您的控制台）

---

查看此处：

-您可以在此处查看我的代码。如果您查看您提供的小提琴，请按

F12打开控制台，它将显示一个错误，提示
live（）
不是函数。这是因为它不在jQuery版本中。请改用（）上的
on
，或者告诉我们您所依赖的jQuery版本是否能理解我的问题。非常感谢）-您可以在此处看到我的代码。如果您查看您提供的小提琴，请按
F12
打开控制台，它将显示一个错误，提示
live（）
不是函数。这是因为它不在jQuery版本中。请改用（）上的
on
，或者告诉我们您所依赖的jQuery版本是否能理解我的问题。非常感谢）-您可以在此处看到我的代码。如果您查看您提供的小提琴，请按
F12
打开控制台，它将显示一个错误，提示
live（）
不是函数。这是因为它不在jQuery版本中。请改用（）上的
on
，或者告诉我们您所依赖的jQuery版本是否能理解我的问题。（非常感谢）
* {
box-sizing:border-box;
}
body {
font-family: Tahoma, sans-serif;
}
.container {
    margin:0 auto;
    width:600px;
}
h1, #newProduct {
    text-align: center;
    width:598px;
}
 #newProduct {
    border:1px solid #999;
    padding: 20px;
    font-size: 28px;
    box-shadow: 0px 0px 3px #888;
}
#productList {
    list-style: none;
    padding-left:0;
    background-color: #F2F2F2;
}
.product {
    padding: 15px 0px 15px 40px;
    margin: 10px;
    position: relative; 
    font-size: 24px;
    box-shadow: 2px 2px 3px #848484;
    background-color: #fff;
    cursor: pointer;
}
.product:hover {
    background-color: #F2F2F2;
}
.doneProduct {
    margin-right: 40px;
}
.remove {
    background-image:    url('http://www.imageup.ru/img200/2152803/delete_ico.png');
    background-position: 0 0;
    width:30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top:13px;   
    display: none;
}
.remove:hover {
    background-position: -34px 0px;
}
.product:hover> .remove {
    display: block;
}

function addNewProduct(e) {
    if(e.keyCode == 13) {
            var toAdd = $('input[name=newProduct]').val();
            $('#productList').append('<li class="product"> <input     type="checkbox" class="doneProduct"/>'+toAdd+'<div class="remove"></div><li/>');
            $('#newProduct').val('');
            e.preventDefault();
        };
};

function deleteProduct() {
    $(this).parent().remove();
};

$(function() {
    $("#newProduct").on('keypress', addNewProduct);
    $(".remove").live('click', deleteProduct);
}) ;