Jquery перетаскивание и клонирование

Question

Привет, мне нужно добиться этого ..

У меня есть набор предметов, которые можно сбрасывать (в основном я бросаю дизайн на одежду), и я бросаю клон

Если мне не нравится отброшенный объект (дизайн) - я хочу удалить это, сделав что-то вроде скрытого.

Но я не могу этого сделать.

Пожалуйста, помогите мне ..

---

вот код

    var clone;
    $(document).ready(function(){
        $(".items").draggable({helper: 'clone',cursor: 'hand'});


     $(".droparea").droppable({
                    accept: ".items",
                    hoverClass: 'dropareahover',
                    tolerance: 'pointer',
                    drop: function(ev, ui)
                    {

              var dropElemId = ui.draggable.attr("id");

              var dropElem = ui.draggable.html();

                      clone = $(dropElem).clone(); // clone it and hold onto the jquery object
                      clone.id="newId";
                      clone.css("position", "absolute");
          clone.css("top", ui.absolutePosition.top);
                      clone.css("left", ui.absolutePosition.left);
              clone.draggable({ containment: 'parent' ,cursor: 'crosshair'});

                      $(this).append(clone);
                      alert("done dragging ");

                      /lets assume I have a delete button when I click that clone should dissapear so that I can drop another design - but the following code has no effect 
                      //and the item is still visible , how to make it dissapear ?
                      $('#newId').css("visibility","hidden");



               }
        });



    });

Answer 1

Поскольку .clone () возвращает объект jQuery. clone.id = "newId" устанавливает свойство объекта jQuery, а не элемента DOM. Поскольку элемент DOM не имеет свойства id. $ ('# newId'). длина должна возвращать ноль. Тест в консоли firebug

Использование:

clone.attr('id', 'newId') 

для установки идентификатора элемента DOM клонированного объекта.

Answer 2

Вы можете использовать функцию перетаскивания объекта:

drop: function (event, ui) {
                            $(ui.draggable).remove();
                        }

после

$(this).append(clone);

в вашем скрипте;