javascript - jQuery - 使 DIV 既可拖动又可拖放

Question

我在 jsFiddle 上玩弄，想知道是否有可能使一个对象同时 .draggable 和 .droppable，例如这样我就可以能够使 Div.1 可以放到 Div.2 上，反之亦然。

我的 jQuery

  $(function() {
    $( "#draggable" ).draggable({revert: true, snap: 'inner'});
    $( "#droppable" ).droppable({
      drop: function( event, ui ) {
        var one = $(this).html();
        var two = ui.draggable.html();
        $(this).html(two);
        ui.draggable.html(one);
      }
    });
  });

和我的 HTML

<div id="draggable droppable">16.00 - 17.00</div></br>
<div id="droppable draggable">13.00 - 14.00</div></br>
<div id="draggable droppable">14.00 - 15.00</div></br>
<div id="droppable draggable">09.00 - 10.00</div></br>
<div id="draggable droppable">07.00 - 08.00</div></br>
<div id="droppable draggable">18.00 - 19.00</div></br>

有什么想法吗？谢谢!

Answer 1

在多次使用它们时尝试使用类而不是 id，因为 id 只能使用一次 您也不能在 1 个元素上使用 2 个 ID。