Response title
This is preview!
how to get the ids of element being moved and element being replaced with sortable?
in Using jQuery UI
•
3 years ago
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 something 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();
- } );
1