droppable

I have a droppable with a drop event handler: $(this).droppable({ drop:function(){ console.log('OMG You Dropped It!'); } }); I have a draggable : $(this).draggable(); What I want to do is trigger the drop event handler on the droppable without actually dragging and dropping the draggable . I want to simulate the actual behavior without physically performing the behavior. I thought something like this would do: $(droppable).trigger('drop', [draggable]); Unfortunately, it's not quite that simple. Does anyone know how I can accomplish this? You should move the code in your drop handler to a

With jQuery UI, is it possible to execute a drag & drop operation using javascript? Example . When the link is clicked, drag the #pony and drop it into the #box . I've tried triggering the drag event but that doesn't seem work :) $('#pony').trigger('drag', [$('#box')]); This is how the jQuery UI team programmatically trigger drop event. droppable_events.js : draggable = $( "#draggable1" ).draggable(), droppable1 = $( "#droppable1" ).droppable( config ), droppable2 = $( "#droppable2" ).droppable( config ), droppableOffset = droppable1.offset(), draggableOffset = draggable.offset(), dx =

I have my screen divided into two DIV s. In the left DIV I have a few 50x50 pixel DIV s, in the right DIV I have an empty grid made of 80x80 LI s. The DIV s on the left are draggable, and once dropped on a LI , they should snap to center of that LI . Sounds simple, right? I just don't know how to get this done. I tried by manipulating the dropped DIV 's top and left CSS properties to match those of the LI they're dropped into, but the left and top properties are relative to the left DIV . How can I best have the dropped element snap to the center of the element it's dropped into? That's gotta