Невозможно удалить недавно добавленные элементы из сортируемого списка jQuery

Question

Невозможно удалить недавно добавленные элементы из сортируемого списка jQuery

0

Я хотел бы добавить, а затем удалить элементы/элементы из списка сортировки jQuery UI...

Что я делаю не так?

Я пробовал здесь

<div class="add">Click me to add new item to list</div>
<ul id="sortable">
    <li class="delete">
        <div class="item">these old items can be removed by click on them...</div>
    </li>
    <li class="delete">
        <div class="item">these old items can be removed by click on them...</div>
    </li>
    <li class="delete">
        <div class="item">these old items can be removed by click on them...</div>
    </li>
</ul>

$("#sortable").sortable();

$(".add").click(function () {
    var newItem = '<li class="delete"><div class="item">these <span>new items cannot be removed</span> by click on them...</div></li>';
    $("#sortable").append(newItem);
    $("#sortable").sortable("refresh");

});

$(".delete").click(function () {
    $(this).remove();
});

Ruky 26 нояб. 2013, в 01:20

Источник

Теги:

javascript

jquery

jquery-ui

1 ответ

Ещё вопросы

adeneo · Accepted Answer · 2013-11-25T20-35-00.000Z

изменение

$(".delete").click(function () {
    $(this).remove();
});

в

$("#sortable").on('click', ".delete", function () {
    $(this).remove();
});

Элементы динамически вставляются и не существуют, когда вы присоединяете обработчик событий, поэтому вам нужно делегировать до родителя, который существует, когда вы прикрепляете обработчик.