javascript - 如何拖动表格中的列

Question

查询

 $('a').draggable({
        containment: "table",
        revert: 'invalid'
    });
    var i = 0;
    $('td').droppable({
        drop: function (ev, ui) {
            var dropped = ui.draggable;
            var droppedOn = $(this);
            $(droppedOn).droppable("disable");
            $(dropped).parent().droppable("enable");
            $(dropped).detach().css({
                top: 0,
                left: 0
            }).appendTo(droppedOn);
        }
        });
     $('td').not('td:empty').droppable("disable");
     $('#red').droppable({
            drop: function(ev, ui) {
              dropped = ui.draggable;
              droppedOn = $(this);

              if ( $(droppedOn).droppable()){
                  i++;
              }else{
                  i--;
              }
              if (i==3){
              $(droppedOn).droppable("disable");
              $(dropped).parent().droppable("enable");
              $(dropped).detach().css({top: 0, left: 0}).appendTo(droppedOn);
              }else{
                 $(droppedOn).droppable("enable");
              }
            },
            out: function(event, ui) {
            i=i-1;
            }
        }); 

fiddle :https://jsfiddle.net/uo8x5ks2/

当我拖动它时，我试图让红色背景与 T 一起移动。现在它只让我拖T谢谢你的时间

Answer 1

你可以看看这个，这个插件。它真的很容易使用。

http://bevacqua.github.io/dragula/