2010-10-23 134 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