我如何知道用户向右拖动?

时间:2015-03-07 23:53:18

标签: jquery html5 sencha-touch

我的页面中有一些div,当用户将其中一个拖到左侧时,div会淡出。

我的问题是:

如何检测用户何时向左或向右拖动?

1 个答案:

答案 0 :(得分:0)

您必须在droppable param函数内的drop init内添加。

我不知道sencha-touch,但他的逻辑真的很难看。

JSFiddle

if($(ui.helper).hasClass('ui-draggable')){
//draggable item

    if(ui.position.left < 0){

        alert('Draggable dragged to left');
    }
    else if(ui.position.left > 0){

       alert('Draggable dragged to right'); 
    }

    if(ui.position.top < 0){

        alert('Draggable dragged to top');
    }
    else if(ui.position.top > 0){

       alert('Draggable dragged to bottom'); 
    }
}
else{
//sortable item

    var originalPosition = ui.helper.data().sortableItem.originalPosition;

    if(ui.position.left < originalPosition.left){

        alert('Draggable dragged to left');
    }
    else if(ui.position.left > originalPosition.left){

       alert('Draggable dragged to right'); 
    }

    if(ui.position.top < originalPosition.top){

        alert('Draggable dragged to top');
    }
    else if(ui.position.top > originalPosition.top){

       alert('Draggable dragged to bottom'); 
    }
}