2016-06-21 10 views
-1

Ich versuche die ID des sortierten div zu bekommen. I currenly die Position haben ...jQuery UI Sortierbar - Momentan verschobene div ID

Hier ist der Code:

HTML

<div class="container"> 
    <div class="row"> 
     <div id="item1" class="col-md-4 red">1</div> 
     <div id="item2" class="col-md-4 blue">2</div> 
     <div id="item3" class="col-md-4 black">3</div> 
    </div> 
</div> 

Javascript:

<script> 

$(document).ready(function() { 

    $(".row").sortable(); 
    $(".row").disableSelection(); 

    $(".row").sortable({ 
     stop: function(event, ui) { 
      alert("New position: " + ui.item.index()); 

     } 
    }); 

}); 

</script> 

Wie kann ich die ID bekommen?

+1

'alert (" ID: "+ ui.item.attr ('id'));' – Hazonko

+0

@Hazonko hat recht, aber du solltest wirklich 'console.log()' verwenden – Adjit

+0

Das ist wahr. Ich habe gerade seinen ersten Alarm ausgelöst. – Hazonko

Antwort

2

Mit jQuery UI ist ui.item die Instanz des Objekts. Sie können direkt darauf zugreifen mit:

var id = ui.item.attr('id'); 

Ebenso alles andere, was Sie wollen.

Verwandte Themen