Wie sortierbare Tabellenzeilen mit jQuery erstellen

Question

Ich versuche, eine .sortable Tabelle mit jQuery zu erstellen. Die Klasse fixWidthHelper behält die Tabellenspaltenbreiten bei. (Ich habe einen Teil der HTML entfernt)

Tabelle HTML:

<table class = "table table-bordered" > 
      hr content here... 
    <tbody id = "field_wrapper"> 
      <tr> 
       <td id = "move">...</td> 
       <td id = "move">...</td>  
     </tbody> 
     </table> 

jQuery:

$(function (sort) { 
    sortable_tables.sorting_field_table(); 

}); 

var sortable_tables = 
{ 
    sorting_field_table: function(sort) 
    { 
     $('#field_wrapper').sortable({ 
     placeholder: "drop", 
     helper: sortable_tables.fixWidthHelper 
     }).disableSelection(); 
    } 
    fixWidthHelper: function(e, ui) { 
     ui.children().each(function(sort) { 
      $(this).width($(this).width()); 
     }); 
     return ui; 
    } 
}); 

CSS:

#move{ margin-left: 0px; padding-right:10px; cursor: move;} 
.drop { 
    outline: thin dashed #CCC !important; 
    background-color:#CCC; 
    width:100%; 
    } 

Answer 1

Ich habe es funktioniert!

jQuery:

$(function() { 
    $("#field_wrapper").sortable({ 
    placeholder: "drop" 
    }); 
    $("#field_wrapper").disableSelection(); 
}); 

Answer 2

Der erste Block Ihres Codes definiert nur eine Funktion auf document.ready, aber es wird nirgends aufgerufen.

Auch hier sehe ich nichts, das tatsächlich Sortierung durchführt.