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效果以进行你想要的任何改变吗？

更改所选元素而不使用mouseup / mousedown

1 个答案: