我一直想知道如何使用 jQuery 进行拖放，因为使用 javascript 拖放很难，而且我更喜欢使用 jQuery 而不是 javascript。我想要的是子 div 可以拖动，并且只能在父 div 中放置。当子div被放置时，如果它不在父div中，那么它将恢复到它所在的最后一个父div。如果子div被放置在父div中，那么它将转到左上角子 div 只能拖动。我可以很好地使用 jQuery UI，但我无法让 .droppable() 函数工作。

HTML：

<div id="div1" class="div">
<div id="image" class="image"></div>
</div>
<div id="div2" class="div">
</div>

CSS：

.div {
     float: left;
     margin-left: 5px;
     height: 200px;
     width: 200px;
     border: 3px solid black
        }
.image {
      height: 50px;
      width: 50px;
      background-color: khaki;
    }

jQuery（仅拖动）：

    $("document").ready(function() {
    $(".image").draggable();
});

jsfiddle：https: //jsfiddle.net/j9pvbuue/8/ 如果您能直接给我答案的代码，而不是直接告诉我如何使用它的间接答案，我将非常感激。

我想知道如何在jquery已经在头部声明时使用javascript.在我看来,Javascript更适合用于特定任务,而jQuery也更适合用于某些任务.我正在使用jQuery和jQuery UI,但是我使用的是什么版本并不重要.

我在这里有一些简单的jQuery:

$(document).ready(function(){
    $("button").click(function(){
        $("div").animate({left: '250px'});
    });
});

我在这里有一些javascript:

document.getElementById('div2').appendChild(
      document.getElementById('C')
   );

我不想将jQuery翻译成js,反之亦然.