December 2013
Intermediate to advanced
384 pages
9h 54m
English
$("#drag1, #drag2, #drag3").draggable( {helper:"clone", cursor:"move", opacity:.7, zIndex:99}); $("#drop").droppable({accept:"img", tolerance:"intersect", hoverClass:"drop-hover"}); $("#drop").on("drop", function(e,ui){ var item = $("<div></div>"); item.append($("<img></img>").attr("src", ui.draggable.attr("src"))); item.append($("<span></span>").html( ui.draggable.attr("src"))); $(this).append(item); });
You can define one element to be draggable and then another to be droppable. When draggable elements are dropped on droppable widgets, you can add JavaScript and jQuery code that provides whatever interaction necessary when draggable elements are dropped on ...
Read now
Unlock full access