下降时填写父div

时间:2016-10-18 10:58:21

标签: javascript jquery html css

我有一个问题就是当div拖放到另一个div http://codepen.io/benasl/pen/qaJBPd?editors=0110时占用所有空间。

  function dragStart(ev) {
     ev.dataTransfer.effectAllowed='move';
     ev.dataTransfer.setData("Text", ev.target.getAttribute('id'));
     ev.dataTransfer.setDragImage(ev.target,100,100);
     return true;
  }
  function dragEnter(ev) {
     event.preventDefault();
     return true;
  }

  function dragOver(ev) {
       event.preventDefault();

  }
  $(document).ready(function(){
    $("#block").on('dragover',function(ev){
    $("#block").css({"border":"2px dashed black"});
    $("#block").css("background", "#a3a3a3");
    });

    $("#block").on('dragleave',function(ev){
    $("#block").css("border", "none");
    $("#block").css("background", "#d1d1d1");

    });
   });    
  function dragDrop(ev) {
      $("#block").css("border", "none");
     var data = ev.dataTransfer.getData("Text");
     ev.target.appendChild(document.getElementById(data));
     ev.stopPropagation();

     return false;
  }

EDIT //////////////

我发现这个拖放http://jsfiddle.net/wj4ak/5/的简单示例但是仍然不知道在删除时如何使div填充父div。

0 个答案:

没有答案
相关问题