使用jquery进行高级拖放

大家好，我是jquery的新手。我想创建一个拖放，我可以将一个图像拖放到一个特定区域上，然后将图像裁剪到该div的大小，当我将另一个图像拖放到该div上时，必须删除第一个图像。请帮助实现这一目标。如果我不清楚，那么请看一看，然后选择一个案例，然后转到个性化，你会明白的

这是我第一次使用stackoverflow。如果我不清楚，请告诉我

---

Thanx。下面是一个使用jquery和jquery ui的简单示例：

$(document).ready(function(){
$(".image").draggable({
    drag:function(){
        $(this).css({opacity:0.5});
    }
});
$(".container").droppable({
  drop: function( event, ui ) {
    var img = ui.draggable[0];
      var chld = $(this).children().first();
      if(chld && $(chld).hasClass("image")){
          $(chld).css({width:null,height:null});
          $(".images").append(chld);
      }
      $(this).html("");
      $(img).css({opacity:1,width:"100px",height:"100px",top:"0px",left:"0px"});
      $(this).append(img);
   }
});

})

请参见操作中的示例：

基本上，你只需要控制当一个图像被放到一个可拖放的元素上时会发生什么

可以通过应用样式来调整大小。您还可以定义一个css类，并通过$…addClassyourclass将其分配给图像，然后通过.removeClass.删除该类。。如果要重置图像。在我的示例中，我是通过.css手动完成的，它不是很干净

注意：在最新的jquery中，拖动图像目前在IE10中不起作用。这就是我使用v1.7的原因