在没有 mouseup/mousedown 的情况下更改所选元素

Question

假设页面上有两个主要元素：一个框和一个项目列表。

我已单击该框并开始拖动鼠标。当光标离开框时，我想将接收鼠标移动的元素更改为列表中的一项，然后在列表中触发jquery sortable，而不必释放鼠标并单击它。

我已经尝试过类似...

$(document).on('mouseleave', '#box', function () {
        $(document).mouseup();
        $('#listitem').mousedown();
});

$(document).on('mousedown', '#listitem', function () {
    $(".list").sortable({
        create: function () {
            alert('created');
        },
        start: function (event, ui) {
            alert('started');
        },
        stop: function (event, ui) {
        }
    });
});

所以它正在创建，但它没有开始。任何帮助将不胜感激:)

Answer 1

你不能把盒子放在容器 div 中，然后在容器上使用 MouseOut 吗？这样一来，一旦您将框拖出容器，您的鼠标将不再位于容器内，而是会触发 MouseOut 效果来进行您希望的任何更改？