Jquery .trigger ('stop') метод для .draggable

Question

$('#element').draggable ({
    stop: function () {
        alert ('stopped');
        //do some action here
    }
}).trigger('stop');

ничего не происходит, мысль #element теперь можно перетаскивать, а событие выполняется после завершения перетаскивания. Я попробовал .triggerHandle, а также 'dragstop' как тип события, не повезло

Answer 1

Используйте это, чтобы вызвать это вместо:

.trigger('dragstop')

Если вы хотите, чтобы он вел себя полностью как обычное событие, используйте .bind ('dragstop', function), чтобы присоединить его, опция запуска ведет себя немного по-другому.

Answer 2

Я знаю, что это старый вопрос, но теперь можно вызвать фактическое событие перетаскивания jquery ui вместо dragstart и dragstop, используя jQuery имитировать плагин .

Вот код, который я использовал, потому что мне нужен был доступ к элементам привязки моего объекта с изменяемым размером (данные доступны только при остановке перетаскивания)

$(this).resizable({
    handles: 'e',
    stop: function (e, ui) {
        var resizable = ui.element;             
        resizable.simulate("mousedown", {clientX: e.clientX, clientY: e.clientY});
        resizable.simulate("mousemove", {clientX: e.clientX + 10, clientY: e.clientY + 10});
        resizable.simulate("mouseup", {clientX: e.clientX, clientY: e.clientY});
    }
});