拖动没有mousedown的项目

时间:2017-03-23 23:37:47

标签: javascript jquery jquery-ui

我正在使用Jquery-ui将项目从一个列表拖动到另一个列表,但是我希望能够拖动一个元素而不必按下鼠标,也就是说,我们按下鼠标一次并单击该元素光标,当再次按下时,它存放在光标所在位置的项目。

我不知道是否可以使用Jquery-ui进行Jquery-ui Draggable或Sortable。所以我感谢你的帮助。

1 个答案:

答案 0 :(得分:1)

这不是答案,但它很可能是一个问题的开始。

我能够切换可拖动状态并在点击时拉出底层小部件。

不幸的是,我找不到触发器来“开始”和“停止”拖动鼠标移动。

我没有时间继续这方面的工作。希望有人可以在我离开的地方接听:

$('div.draggable-text').draggable({ disabled: true }).data('draggable', false);

$('div.draggable-text').on('click', function (event) {
    // Toggle status
    var draggable = !$(this).data('draggable');
    $(this).data('draggable', draggable);
    $(this).draggable(draggable ? 'enable' : 'disable');

    // Get widget
    var widget = $(this).data("ui-draggable");
    console.log(widget);

    // Trigger widget start or stop event
    if (draggable) {
        //widget._mouseStart(event);
        widget._trigger("start", event);
    } else {
        //widget._mouseStop(event);
        widget._trigger("stop", event);
    }
});