Question

好的，我试图简化这个，但仍然有问题。我试图进行拖放测验，其中有两个答案选项，＆＃39;水果＆＃39;或者＆＃39; veg＆＃39;。我会尝试在每个项目放在正确的位置时制作每个项目（div），我希望它能够逐渐消失，并且做得好“＃39;消息出现在最后。

 $( function() {
    $( "#draggable" ).draggable({ revert: "valid" });
    $( "#draggable2" ).draggable({ revert: "invalid" });

    $( "#droppable" ).droppable({
      classes: {
        "ui-droppable-active": "ui-state-active",
        "ui-droppable-hover": "ui-state-hover"
      },
      drop: function( event, ui ) {
        $( this )
          .addClass( "ui-state-highlight" )
          .find( "p" )
            .html( "Dropped!" );
      }
    });
  } );

https://jsfiddle.net/lampboy2000/dtvt1sj8/

Answer 1

我设法从开发人员史蒂芬芬顿的一个例子中找到了解决方案。我修改了他的代码，并且能够创建两个可放置的区域...... here's the fiddle

Jquery投入2个不同的目标

1 个答案: