拖动到垃圾桶jquery

-2

我的项目是一个画布（不是HTML5元素），用户可以在其中添加图像，移动它们并调整它们大小。我想将画布区域设为“垃圾桶”，拖动时图像消失。有谁知道如何实现这一点？拖动到垃圾桶jquery

2011-12-12 dopatraman

**是**是我做的。请重新说明你的问题，所以它不是**是/否... – Neal

见一个例子来拖/放和删除对象..

<!DOCTYPE HTML> 
<html lang="en-US"> 
     <head> 
       <meta charset="UTF-8"> 
       <script type="text/javascript" src="http://code.jquery.com/jquery.js"></script> 
       <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script> 
       <style type="text/css"> 
        #images .img{ 
          padding : 50px; 
          border : 1px solid #ccc; 
          width : 50px; 
          height : 50px; 
          margin : 25px; 
          float : left; 
        } 
        #trash{ 
          padding   : 50px; 
          background-color : #f1f1f1; 
        } 
       </style> 
       <script type="text/javascript"> 
        $(function(){ 
          $('.img').draggable({ 
            opacity : 0.7, 
            revert : 'invalid', 
            helper : 'clone', 
            zIndex : 100, 
            cursor : 'move' 
          }); 
          $('#trash').droppable({ 
            drop : function (event , img) { 
              var $element = img.draggable; 
              alert ($element.attr('id')) ; 
              $element.detach(); 
            } 
          }); 
        }); 
       </script> 
     </head> 
     <body> 
       <div id="images"> 
        <div class="img" id="1">1</div> 
        <div class="img" id="2">2</div> 
        <div class="img" id="3">3</div> 
        <div class="img" id="4">4</div> 
       </div> <br clear="both" /> 
       <div id="trash"> 
        ------------- 
       </div> 
     </body> 
</html>

来源

2011-12-12 18:15:17

@ Andrey_Knupp - 你能解释一下'drop'功能吗？你通过什么参数？在这种情况下'.draggable'是什么？ – dopatraman

拖动到垃圾桶jquery

回答

相关问题