html - jQuery Drag & Drop without Destroying dragged item -


I have some difficulty with the following and how it can be obtained (bus) requires some guidance .

Using jQuery, how can I drag an object into a container, register it for events, and leave the original drawn item in place.

It is very difficult to explain, can have a site with a work example:

I am familiar with using dragable, and droppable, and an original Entering the container, although on the drop, the dragged object has been taken from its original location. Actually, I want to get it & gt;

  1. There is not a list of images that are registered with dragable.
  2. Place a container that has been registered as a Droppad
  3. Detects any of the images in the container on the drag and drop action, collision, and some HTML render (For demonstration purposes, you can show how to do it with any image, and there may be a link on the dropped result page.
  4. During this process, the image is not protected Should not be removed from the list.
  5. Eve Register target HTML with ents (for display purposes, we have .

    drag and drop bit is the easy part. The problem I have is in 3 parts:

    1. Place the original object in its original location after the drop down.
    2. Do not drop a clone of the original item - instead use custom HTML.
    3. New events that are unique to that block of code.

      Thanks in advance.

      you Can also

      1 & amp; 2

        $ (".selector") .draggable ("option", "help", function () {// Custom HTML generator goes here;});   

      This will use custom HTML for dragging and it will be deleted. Even after the original drop retains its position.

        $ (".droppable"). Defroppable ({drop: function (event, ui) {// drop code}});   

      I think it is unfounded 3. $ {"(" Hello ");}}); $ (" .dropper "). Droppable ({drop: function (Event, UI) {$ (this) .addClass (" UI-State ("P"). Html ("Dropped!"); Var element = $ ('.ui-draggable-dragging'); var current drape = $ (this); return element.clone () AppendTo (currentDrop);}});

Comments

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -