我有以下代码:
<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>
如果我拖动5(向上)并放下b / w 2&amp; 3所以我需要id为3,如果我拖动2(向下)并放下b / w 4&amp; 5所以我需要4的id。
如何?
答案 0 :(得分:0)
更新了答案:
$(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
功能。