拖放應用一個負位置

我正在製作一個拖動&拖放當您拖動對象到可拖放區域時，對象被賦予您作爲否定位置進入負區域的移動運動。拖放應用一個負位置

爲了說明這一點，我把這個JSFiddle放在一起，你可以把一隻可愛的狗放入提供的景觀來說明我的問題。下面的代碼使用：

//DRAG & DROP 
$(document).ready(
    function() { 
     var a = 3; 
     $('.drag').draggable({ 
     revert: 'invalid', 
     cursor: 'move', 
     //containment: '#drop', 
     start: function(event,ui) { $(this).css("z-index", a++)} 
     }); 

     $('#drop').droppable({ 
     accept: ".drag", 
     drop: function(event, ui) { 
      console.log(this); 

      //$(this).addClass('dropped'), 
      $(this).append(ui.draggable); 
     } 
     }); 
});

我做的閱讀她講的方法來解決此問題，其中許多人似乎是遏制變量錯誤很划算，但遺憾的是我沒有幸運的實施修復了我自己的設置。有一點需要注意的是，我使用HTML2CANVAS來導出這個#drop區域的鏡頭，所以我必須確保被移動的物體在物理空間中。任何建議，將不勝感激。

在此先感謝！

來源

2016-05-03 Cutter

是[this]（https://jsfiddle.net/arj_dev/f7fzwpkL/1/）你想要什麼？ – ArJ

從這個意義上說，狗保持可見，是的。這個結果的問題是，狗是在原來的空間代碼明智，並沒有被插入#drop空間。沒有身體上的放置空間，我提到的HTML2CANVAS將不會捕獲它的圖像。 – Cutter

如果您想要在畫布上繪製它，然後您可以檢測畫布上的鼠標座標，然後從** drop **事件處理程序在該位置的畫布上繪製圖像。如果這是你想要的，那麼我可以嘗試一個小提琴。 – ArJ

更新;我能夠通過強制絕對定位來解決這個問題。沒有反應，但我不是100％確定我需要它爲這個實例。

來源

2016-05-04 15:33:44 Cutter

拖放應用一個負位置

回答

相關問題