0

我想在我的项目中集成 jQueryUI 可拖动和可排序,并使用 mousedown 的开始时间和第一个 mousemove 事件之间的时间差来区分它们。我的部分代码如下:

var deltaX = self.mouse.startX - event.pageX,
    deltaY = self.mouse.startY - event.pageY;
if (self.mouse.mousedownTime - self.mouse.mousemoveTime < 700){                   
                // Drag down
                if(Math.abs(deltaX) < Math.abs(deltaY) && deltaY < 0){
                    $(self.el).draggable({disabled: false});
                    $(self.el).sortable({disabled: true});
                    $(self.el).draggable({axis: 'y'});
                    $(self.el).draggable({revert: true});
 ....
}
// Sorting action
else {
            $(self.el).sortable({disabled: false});
            $(self.el).draggable({disabled: true}); // global dragging
            $(self.el).sortable({containment: $(self.el).closest('.content')});
        }

但事情并不如我所料。每次我开始拖动元素时,firebug 中显示的 html 都有正确的可拖动/可排序类设置,但它对当前的拖动事件无效。例如,第一次拖动时,虽然 html 已经有相应的类设置,但该元素既不可拖动也不可排序。第二次拖动时,它将是可拖动或可排序的。而且,如果您为当前拖动事件设置了可拖动/可排序的元素,则它仅在您下次拖动时才起作用。

总之,您期望当前事件的可拖动/可排序事件只会对下一个事件有效。我想知道这是 jQueryUI 应该是什么,还是我的代码有问题。我应该如何解决它?我应该如何在我的项目中集成可拖动和可排序?

4

1 回答 1

0

这是一个预期的行为,要将插件挂接到元素上,它必须监听它何时会被拖放以及将被拖动到哪里。

通常这两个插件并排工作。所以我不认为有办法做到这一点,而不使元素只能拖动,因为无论如何都需要拖动 droppable。

于 2012-04-23T23:29:48.093 回答