i want to get the CORRECT ids of both elements, one which is being moved and one which is being replaced, following is my code but please
DO NOT CONFUSE ,you will see its working but its not , just
move the table rows up and down few times and see the console , you will see its not getting correct ids, so s
omething is wrong ,
please help
- <table border="1">
- <thead>
- <tr><td>position</td><td>description</td></tr>
- </thead>
- <tbody id="sortable" class="ui-sortable">
-
- <tr class="ui-state-default" id="11" data="row-1" ><td>1</td><td>11</td></tr>
- <tr class="ui-state-default" id="22" data="row-2" > <td>2</td><td>22</td></tr>
- <tr class="ui-state-default" id="33" data="row-3" ><td>3</td><td>33</td></tr>
- <tr class="ui-state-default" id="44" data="row-4" ><td>4</td><td>44</td></tr>
- </tbody>
-
-
- </table>
and JS
- $( function() {
- $( "#sortable" ).sortable({
-
- start: function(event,ui) {
- //console.log('start');
- // console.log('start ==');
- // console.log(ui.item[0].id);
- },
- change: function(event,ui) {
-
- // console.log('change ==');
- // console.log(ui.item[0].id);
- // console.log(ui.item.prev()[0].id);
- },
- update: function(event,ui) {
-
- // console.log('update');
- // console.log(ui.item[0].id);
- // console.log('update ==');
- // console.log(ui.item[0].id);
- },
- over: function (event,ui){
-
- // console.log('update');
- console.log('over moved :: '+ui.item[0].id);
- // console.log(ui);
- }
- ,
- out: function (event,ui){
- // console.log('out ==');
- // console.log(ui.item[0].id);
- // console.log(ui);
- },
- stop: function (event, ui) {
- // repobj = 0;
- console.log('stop moved');
- console.log(ui.item[0].id);
- console.log(ui.item.prev()[0].id);
- }
- });
- $( "#sortable" ).disableSelection();
- } );