Вопрос:

Получить идентификатор перетаскиваемого элемента списка в сортируемом jQuery

jquery list jquery-ui-sortable

13008 просмотра

2 ответа

33 Репутация автора

У меня есть этот HTML:

<ul>
    <li id='item1'>First</li>
    <li id='item2'>Second</li>
    <li id='item3'>Third</li>
</ul>

и это .sortable jQuery:

$(function(){
    $("#listofpages").sortable({

    }
})

Как я могу получить идентификатор перетаскиваемого элемента?

Автор: kganciro Источник Размещён: 04.12.2013 04:12

Ответы (2)


17 плюса

24031 Репутация автора

Решение

Внутри updateсобытия обратного вызова вы можете сделать это ( демо ):

$( "#listofpages" ).sortable({
  update: function( event, ui ) {
    var id = ui.item.attr("id");
  }
});
Автор: Jason Sperske Размещён: 04.12.2013 04:21

6 плюса

156 Репутация автора

Предыдущий ответ был очень хорошим, однако вы должны использовать событие receive, а не update, обновление запускается в два раза чаще, чем необходимо, и может вызвать проблемы, потому что оно запускается один раз для элемента, удаленного из предыдущего списка, и запускается один раз для элемента, добавленного в новый список.

$( "#listofpages" ).sortable({
  receive: function( event, ui ) {
    var id = ui.item.attr("id");
  }
});
Автор: Nick Hanshaw Размещён: 30.12.2016 06:00
Вопросы из категории :
32x32