更新了答案:
$(document).ready(function() {
$('.sortableLI').sortable({
stop: function (event, ui) {
var newP = ui.position.top;
var oldP = ui.originalPosition.top;
if (newP > oldP) {
alert('moved down');
var id = $(ui.item).prev('li').attr('id');
alert(id);
} else {
alert('moved up');
var id = $(ui.item).next('li').attr('id');
alert(id);
}
}
})
});
HTML:
<ul class='sortableLI'>
<li id='1'>One</li>
<li id='2'>Two</li>
<li id='3'>Three</li>
<li id='4'>Four</li>
<li id='5'>Five</li>
</ul>
演示:http://jsfiddle.net/lotusgodkk/GCu2D/147/
你需要爲這個目的的jQuery prev
和next
功能。
我的意思是當我拖動從底部到頂部,所以我得到prev(),如果我從頂部拖到底部,所以我得到下一個()。我怎樣才能抓住方向? –