拖放功能匹配图像

Question

我在一个有图像+ dropspot的div中创建了一个用于拖放功能的dropspot但不幸的是我的功能不起作用:(我错了吗？

http://jsfiddle.net/6tsfh/

$(function() {
    $( ".right img" ).draggable
    ({

    revert: "invalid",
    helper: 'clone'

    });
    $( "#dropspot0" ).droppable({

      tolerance: 'fit',

      drop: function( event, ui ) {
         $(ui.draggable).clone().appendTo($("#dropspot0"));
      }
    });
  });

Answer 1

选中此jsFiddle

我认为jsfiddle中没有包含JqueryUI库。

$(function() {
  $( ".right img" ).draggable
  ({

  revert: "invalid",
  helper: 'clone'

  });
  $( "#dropspot0" ).droppable({

    tolerance: 'intersect',

     drop: function( event, ui ) {
     $(ui.draggable).clone().appendTo($("#dropspot0"));
  }
  });
});