- $(window).load(function(){
- jQuery.fn.swap = function(b){
- b = jQuery(b)[0];
- var a = this[0];
- var t = a.parentNode.insertBefore(document.createTextNode(''), a);
-
- b.parentNode.insertBefore(a, B);
- t.parentNode.insertBefore(b, t);
- t.parentNode.removeChild(t);
- alert(a);
-
-
- return this;
- };
- $( ".dragdrop" ).draggable({ revert: true, helper: "clone" });
- $( ".dragdrop" ).droppable({
- accept: ".dragdrop",
- activeClass: "ui-state-hover",
- hoverClass: "ui-state-active",
- drop: function( event, ui )
- {
- var draggable = ui.draggable,
- droppable = $(this),
- dragPos = draggable.position(),
- dropPos = droppable.position();
- var drag = $('.ui-draggable').attr('id');
- alert(drag);
- draggable.css({
- left: dropPos.left+'px',
- top: dropPos.top+'px'
- });
- droppable.css({
- left: dragPos.left+'px',
- top: dragPos.top+'px'
- });
- draggable.swap(droppable);
-
-
- }
- });
- });