使用jquery ui可排序插件获取项目的起始位置
我正在使用jQuery UI可排序插件,我正在尝试获取2个警报
我想要元素的凝视位置和元素的完成位置。
$(function() { $("#filterlist ul").sortable({ opacity: 0.6, cursor: 'move', update: function(event, ui) { alert(ui.item.prevAll().length + 1); } }); });
我可以通过使用以下方式获取项目的位置: –
ui.item.prevAll().length + 1
我用什么来获得它的起始位置?
使用start
事件并“缓存”起始位置
var start; $(function() { $("#filterlist ul").sortable({ opacity: 0.6, cursor: 'move', start: function(event, ui) { start = ui.item.prevAll().length + 1; }, update: function(event, ui) { alert(start + " -> " + (ui.item.prevAll().length + 1)); } }); })
$(function() { $("#sortable").sortable({ start: function(event, ui) { console.log('before @ '+ ui.item.index()) }, update: function(event, ui) { console.log('now @ '+ ui.item.index()) } }); });
试试这个演示并在控制台上观看……