jQuery sortable with effect on table rows corrupting table -
first post here, go easy on me :) i've looked on , can't seem figure out whats going on here. little appreciated.
i'm trying make table rows sortable using jquery, i've accomplished (see link fiddle below). however, when try add highlight effect on row after row has been released, seems add additional table data cell () containing id. can explain why happening, , how fix it? seems happen when apply effects, simple drag/drop not add cell on row:
$(document).ready(function() { $("#draggable").sortable({ axis: 'y', items: '.item', stop: function(event, ui){ ui.item.children('td').effect('highlight', {}, 1000); } }); }); thanks!
there 'td' hidden each 'tr.item'. sortable seems unhide 'td' when release. if needing id why not add data attribute 'tr.item' like:
<tr class='item' data-id='4'> then remove td hidden rows seems solve issue.
Comments
Post a Comment