Как перетащить столбцы в таблице

Question

Jquery

$('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/