Изменить выбранный элемент без mouseup/mousedown

Допустим, у меня есть два основных элемента на странице: поле и список элементов.

Я щелкнул поле и начал тянуть мышь. Когда курсор покидает поле, я хочу изменить элемент, получающий движение мыши, на один из элементов в списке, а затем запустить сортировку 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) {
        }
    });
});

Итак, он создается, но не запускается. Любая помощь будет принята с благодарностью :)


jquery selection mouseup jquery-ui-sortable mousedown
person Hungry Little Caterpillar    schedule 28.04.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Не могли бы вы поместить блок внутри контейнера div, а затем использовать MouseOut для контейнера? Таким образом, как только вы перетащите коробку из контейнера, мышь больше не будет внутри контейнера и вызовет эффект MouseOut, чтобы внести любые изменения, которые вы хотите?

person Shakesy    schedule 28.04.2014
comment
Mouseout и mouseup в поле, а также mousedown в элементе списка работают, но элемент списка не станет перетаскиваемым, пока я не отпущу, а затем не нажму на элемент. - person Hungry Little Caterpillar; 28.04.2014