[英]jQuery Sortable no geting ui.draggable id
我試圖從被刪除的元素中獲取ID,但沒有任何運氣(或技巧)。 使用droppable而不是sortable可以使用ui.draggable
訪問元素。
<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();
});
使用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();
});
工作示例: http : //jsfiddle.net/4bwsY/2/
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.