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

Question

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

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

我已经尝试过类似的东西......

$(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 效果以进行您希望的任何更改？