jQuery Sortable没有得到ui.draggable id

Question

Im trying to get the id from a dropped element but no having any luck (or skill). 我试图从被删除的元素中获取ID，但没有任何运气（或技巧）。 With a droppable instead of sortable you can access the element with ui.draggable . 使用droppable而不是sortable可以使用ui.draggable访问元素。

http://jsfiddle.net/4bwsY/ http://jsfiddle.net/4bwsY/

<body>
<ul id="sortable1" class="connectedSortable">
  <li class="ui-state-default">Item 1</li>
  <li class="ui-state-default">Item 2</li>
  <li class="ui-state-default">Item 3</li>
  <li class="ui-state-default">Item 4</li>
  <li class="ui-state-default">Item 5</li>
</ul>

<ul id="sortable2" class="connectedSortable">
  <li id="balls" class="ui-state-highlight">balls</li>
  <li class="ui-state-highlight">Item 2</li>
  <li class="ui-state-highlight">Item 3</li>
  <li class="ui-state-highlight">Item 4</li>
  <li class="ui-state-highlight">Item 5</li>
</ul>
</body>

$(function() {
    $( "#sortable1, #sortable2" ).sortable({
      connectWith: ".connectedSortable",
      receive: function( event, ui ) { alert($(this).attr('id') +' - '+ ui.draggable); },
      stop: function( event, ui ) { alert($(this).ui.draggable.attr('id')); }
    }).disableSelection();
});

Answer 1

Use ui.item (see http://api.jqueryui.com/sortable/#event-receive ): 使用ui.item （请参阅http://api.jqueryui.com/sortable/#event-receive ）：

$(function() {
    $( "#sortable1, #sortable2" ).sortable({
      connectWith: ".connectedSortable",
      receive: function( event, ui ) { alert($(this).attr('id') +' - '+ ui.item); },
      stop: function( event, ui ) { alert($(ui.item).attr('id')); }
    }).disableSelection();
});

Working example: http://jsfiddle.net/4bwsY/2/ 工作示例： http : //jsfiddle.net/4bwsY/2/

jQuery Sortable没有得到ui.draggable id

问题描述

1 个解决方案

解决方案1
0 已采纳 2014-01-21 20:24:47

jQuery Sortable没有得到ui.draggable id

问题描述

1 个解决方案

解决方案1 0 已采纳 2014-01-21 20:24:47

解决方案1
0 已采纳 2014-01-21 20:24:47