Jquery Sortable找到Draggable和Droppable Id

时间:2014-05-22 13:13:59

标签: jquery jquery-ui-sortable

我有以下代码:

 <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。

如何?

1 个答案:

答案 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的prevnext功能。