Question

是否可以有多个可拖动和一个可放置，但具有不同的可放置功能？请看一下我的代码和我的例子。当你放弃第二个div时，我试图完成这个任务，它说＆＃34;你放弃了另一个＆＃34;。我计划制作更多可拖动的div，但是对于这个例子我只使用了两个可拖动的和一个可放置的。

JsFiddle

JS

$("#draggable_one").draggable({

    revert: true
});


$("#draggable_two").draggable({

   revert: true
});

$("#theonlydroppable").droppable({
    drop: function(event, ui) {
  $(this).html("you dropped one");

    }
});

HTML

         <div id="draggable_one">
          draggable one
         </div>
         <div id="draggable_two">
            draggable two
         </div>

         <div id="theonlydroppable">
            Drop it like it's hot
         </div>

Answer 1

只需添加一个条件来检查哪个draggable已被删除，并采取相应的措施：

$("#theonlydroppable").droppable({
    drop: function(event, ui) {
        if (ui.draggable.is('#draggable_one')) {
            $(this).html("you dropped one");
        } else {
            $(this).html("you dropped the other one");
        }
    }
});

以下是演示：http://jsfiddle.net/yMDB3/1/

具有不同放下操作的多个可拖动

1 个答案: