Question

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

HTML

CSS代码

<div class="container">
   <h1>Product List</h1>
   <input type="text" name="newProduct" id="newProduct" placeholder="Enter your product here"/>
   <ul id="productList"></ul>
</div>

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;
}

但是remove（）不起作用，列表的元素不会删除。我不明白为什么。请帮帮我，对不起我的英语）

Answer 1

Live不支持您的 Jquery 版本。在版本1.9 时删除版本1.7 时，不赞成使用。当您使用版本＆gt; = 1.9时，它会给您一个错误（检查您的控制台）。

请参阅：http://api.jquery.com/live/

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

1 个答案: