I want to trigger the stop() event which is generated when using jQuery UI draggable. All elements are dynamically generated. In the project I am working on, all stop() events do the same thing, they change the calling object's appearance relative to other surrounding, snapped draggables. But the other draggables have to change -as well-. So calling every draggables' stop event is like refreshing them, so that they redraw themselves, so to speak. The problem is pretty basic, and I tried to read up on it, but I couldn't figure it out.
For a quick insight on what I want to do, check out this fiddle, I put a comment right where I want that manually triggered call of stop(): http://jsfiddle.net/VCDG4/1/
In the fiddle, you have to click the button first because I need the draggables to be generated dynamically.
What doesn't work is this:
$('#Id_of_the_other_draggable').trigger('stop');
Finding out the Id of the other draggable is not the problem, but the stop() event does not fire like that.
I need that triggered call because I need the event object which is generated when stop(event ui) is called; it comes with information that I need.
I already checked this thread Jquery .trigger('stop') method for .draggable. But here, they register a new event via bind() called "dragstop" which is getting called nicely, I tried that. BUT I don't get the event object with the information I need.
Any help is much appreciated. Thx