javascript - 使用 jquery 放置可拖动对象

Question

是否有任何方法可以通过硬编码将可拖动对象放入可放置对象中，而不是通过实际进入浏览器并进行拖放操作？

提前致谢:D

Answer 1

我不知道我是否理解得很清楚，无论如何，我认为这是一个奇怪的观点，如果我们将一个图层拖到可放置图层中，您的意思是制作动画并执行相同的操作。

我想你可以这样做:

http://www.jsfiddle.net/dactivo/QLTUS/

您使用 animate() 将图层移动到可放置的位置，然后在完整的函数中，您模仿放置操作中通常发生的情况，也就是说更改类，然后您可以在其中包含任何内容。

我的意思是，放置事件并不重要，重要的是您在放置事件中执行的内容，可以包含在动画的完整事件中。我将其封装在一个名为layerDrop()的函数中。

$(函数() { $( "#draggable").draggable();
$( "#droppable").droppable({ 删除:函数(事件，用户界面){ 图层掉落()； } });

 $("#btnMove").click(function()
                     {

                            $("#draggable").animate({"left": $( "#droppable" ).offset().left ,"top": $( "#droppable" ).offset().top},
             {
duration: 1000,     specialEasing: {    width: 'linear' },
              complete:function()
               {

                    $("#message").html("Completed!");   
                 layerDrop();

                        //whatever
                }
            }
                                );
                     });

 function layerDrop(){
    $( "#droppable")
                .addClass( "ui-state-highlight" )
                .find( "p" )
                    .html( "Dropped!" );   
 }

});