将可排序项拖到右侧

时间:2014-07-30 14:28:21

标签: jquery-ui

是否可以检查可排序项目是否从左向右移动超过x像素? 这是一个可以玩的地方:http://jsfiddle.net/qfgd9/4/

例如,如果用户移动item1超过200px做某事

    if( drag > 200 ) { 
        alert( "something" );
    }

JQUERY:

$( "#sortable" ).sortable({


});

HTML:

<div id="sortable">
    <div>item1</div>
    <div>item2</div>
    <div>item3</div>
</div>

<div id="check"></div>

1 个答案:

答案 0 :(得分:2)

试试这个:http://jsfiddle.net/lotusgodkk/GCu2D/262/

您可以使用leftuioriginalPosition偏离position对象的差异。因此,通过它们的值的不同,您可以轻松找到运动。

$(function () {
$("#sortable").sortable({
    sort: function (event, ui) {
        var move = (ui.position.left - ui.originalPosition.left);
        $('#check').text(move);
        if(move>200){
            alert('moved beyond 200px'); //Do something.
        }

    }
});

});