jQuery的。添加和删​​除仅工作一次的元素

Question

看起来没什么特别但...... 我试图添加和删除div，添加元素功能按预期工作，但如果我删除元素，没有其他工作 - 我不能添加或删除。还有一个问题 - 使用css类的选择器对于所有元素都是相同的，但事件仅在第一个元素上触发。 这是JS：

//Here i want to clone element and insert its after last element    
$("div.addnewitem").on('click', function () {
                    var $d = $("div.item:first").clone();
                    $($d).insertAfter("div.item:last");
                });
//Here i'm deleting element
                $("div.deleteitem").on('click', function (event) {
                    $(event.target).closest("div.item").remove();
                });

和HTML标记：

    <div class="item">
            <div class="itemphoto">
                <img alt="" src="../img/woolrich.png">
            </div>
            <div class="bigshadow">
                <img alt="" src="../img/bigshadow.png">
            </div>
<!--This must add new element after last one-->
            <div class="addnewitem">
                <img alt="" src="../img/addnewitem.png">
            </div>
<!--This must delete current div-->
            <div class="deleteitem">
                <img alt="" src="../img/deleteitem.png">
            </div>
            <div class="about">
                <input type="text" class="link" placeholder="Ссылка на вещь..." name="item_url">
                <input type="text" class="link" placeholder="Ссылка на изображение" name="item_image" />
                <input type="text" class="name" placeholder="Вещь и бренд..." name="item_name">
                <textarea class="review" placeholder="Короткое описание (около 120 символов)..." name="item_desc"></textarea>
                <input type="text" class="pricestylist" placeholder="Цена (xxx руб/$)" name="item_price">
            </div>
        </div>

Answer 1

尝试fiddle演示

first").clone(true);，缺少true，它是withDataAndEvents属性，

有关详情，请查看clone()