Question

我正在玩jsFiddle并且想知道是否有可能同时制作一个.draggable和.droppable的对象，以便我能够使它Div.1 Div.2 1}}可以放到$(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); } }); });上，反之亦然。

我的jQuery

<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>

和我的HTML

Sheet("Misc")

任何想法？谢谢！

Answer 1

尝试使用类而不是id，因为id只能使用一次，因为id只能使用一次你也不能在1个元素上使用2个id。

Answer 2

我更正你的代码。问题是你使用id，当我们在java脚本中使用这些id时，id在html页面中是唯一的。我用class替换了那些id。

$(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);
          }
        });
      });

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

jQuery - 将DIV设为.draggable和.droppable

2 个答案: