Question

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

nothing happens, thought #element is draggable now and event does execute after drag is complete. I tried .triggerHandle as well as 'dragstop' as eventtype, no luck

Answer 1

Use this to trigger it instead:

.trigger('dragstop')

If you want it to behave completely as a normal event, use .bind(‘dragstop’, function) to attach it as well, the start option behaves slightly differently.