2010-10-23 133 views
1

是否有任何方式通过硬编码将可拖动拖放到可拖放中,而不是通过实际进入浏览器并进行拖放操作?使用jquery拖放可拖动

感谢advance.:D

+0

你是指将一个物体从一个位置移动到另一个位置!? LOL – 2010-10-23 13:53:31

+0

是的我的意思是将一个物体从一个位置移动到另一个位置:D – Rohit 2010-10-23 14:08:55

回答

1

我不知道我是否已经了解的很清楚,在任何情况下,我认为这是奇怪的角度来看,如果你的意思是如果我们已经将图层拖动到可放置图层中,则可以进行动画并执行相同的操作。

我想你可以做这样的:

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

您使用动画()将图层移动到可放开,然后在完整的功能,你模仿什么,通常发生在滴行动,也就是说改变班级,在那里你可以包括任何东西。

我的意思是这个drop事件并不重要,但是您在drop事件中执行的操作可以包含在动画的完整事件中。我已经将它封装在一个名为layerDrop()的函数中。

$(函数(){ $( “#draggable”).draggable();
$( “#droppable”).droppable({ 降:功能(事件,UI){ layerDrop() ; } });

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

});

0

我想你的意思是编程位置拖动的选项。如果是这样的话,那么看看官方的jQuery的可拖动文件中:http://docs.jquery.com/UI/API/1.8/Draggable

看来简单的答案是:

为了操纵拖动过程中可拖动的位置,你可以使用一个包装为可拖动帮手和包裹元素绝对定位的位置,或者你可以纠正内在价值,像这样:

$(this).data('draggable').offset.click.top -= x