jquery перетаскиваемый к сортируемому

Question

Я создал сортируемый список и перетаскиваемый элемент для добавления новых элементов.

У меня есть кнопка удаления, которую я хочу сделать видимой, когда добавляю новый элемент из перетаскиваемого объекта.

Как мне связать события?

Это элемент, который перетаскивается из перетаскиваемого в сортируемое.

<a  id="btn"    class="ContentItemSelect"  >
    <span  title="Remove" class="ContentItemRemove" id="Remove"></span> 
</a> 

Answer 1

Сортируемый включает в себя опцию под названием получение, которая позволяет вам определить функцию, которая будет вызываться при добавлении элемента.

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

$("#sortable").sortable({
    receive: function(event, ui) {
        $("#" + $(ui.item).attr("id")).find(".ContentItemRemove").show();
    }
});

Я не совсем уверен насчет части $ ("#" + $ (ui.item) .attr ("id")), так как она кажется слишком сложной и, очевидно, предполагает, что любой добавляемый вами объект имеет уникальный идентификатор ( что это все равно должно, но все же стоит упомянуть). В старом фрагменте кода, который у меня есть, он работал нормально, но, полагаю, его можно упростить.

Answer 2

Нам действительно нужно больше разметки и соответствующего javascript, чтобы дать полезный ответ, но в целом вы просто собираете необходимый HTML и добавляете его к созданному вами элементу.

Небольшое дополнительное замечание - вы используете подозрительно общие идентификаторы. Вы знаете, что у вас может быть только один уникальный идентификатор на страницу, поэтому, добавив один элемент с идентификатором «btn» и диапазоном с идентификатором «remove», вы не сможете добавить больше с таким же идентификатор для других перетаскиваемых элементов?