Wijmo Tests

by ecropolis

HTML

<div id="playspace">
<div class="move-me mm1">:-(</div>
<div class="move-me mm2">:-(</div>
<div id="target"></div>
</div>

CSS

#playspace { position: relative; height: 300px; }
.move-me { height: 30px; width:30px; background-color:#CCC; padding: 6px; margin:6px; display: inline-block; }
#target { height: 80px; width: 100%; position:absolute; bottom: 0; border: 2px solid #000; }

JavaScript

$('#target').droppable({
     accept: '.move-me',
     drop: function (event, ui) {
         //$mm.clone(true).appendTo('#playspace').text(':-(');
         console.log(ui.draggable[0]);
         $drag($(ui.draggable.context));
         ui.draggable.text(':-)');
         //$('.ui-draggable').draggable( "enable" );
     }
   });

$drag = function($obj) {
   $obj.draggable({
      revert: "invalid",
      helper: "clone"
   });   
}

$drag($('.move-me'));