Perfect, I got it worked out. Thanks I have a little problem with sortables, I made a little page with images to help explain it.
http://www.inscctv.com/temp/jquery/sort.html When I drag a sortable off the parent, it becomes transparent until it's dropped. How do a make a sortable always stay "on top" so that it's visible even when it leaves the parent div? I thought it was a z-index issue, but even after setting it crazy high, it still does the same thing. Thanks in advance. On Jan 9, 10:25 am, "Paul Bakaus" <[email protected]> wrote: > Hi, > > this is weird- stop should trigger all the time. However, there was a bug > that values changed to snap were simply not reported to the callbacks - > maybe that's what causing you pain. I tested again with the latest version > in SVN, soon to be released as 1.6 final, and it worked fine for me. > > Also, if you need finer grained control, you can set snap to: > > snap: { > items: ':data(draggable)', //That's the default, the items it should > snap to > snap: function(event, ui) {}, > release: function(event, ui) {} > > } > > This way, you have access to two additional events that inform you about a > snap. You can even see to witch element it snapped, in ui.snapItem. > > Hope this helps, > Paul > > On Fri, Jan 9, 2009 at 5:57 AM, [email protected] < > > > > [email protected]> wrote: > > > Hello, > > > Just had a quick question about the snap abilities of a draggable div. > > I'm using the "stop" param to trigger an ajax call to update the div's > > position for persistence. > > > The problem is that if a div "snaps" to another div/container, the > > drag:stop param isn't triggered (ie it's not being dragged anymore - > > it snapped automatically). > > > This is like what I currently have: > > > $("div#box").draggable({ > > grid: [2,2], > > snap: true, > > snapTolerance: 4, > > containment: "div#box_container", > > stop: function() { > > alert(' i was dragged '); > > } > > }); > > > When the div gets within 4 pixels ("snapTolerance: 4") of any parent > > border, it will "pop" into place without triggering "stop" so the > > alert never shows and the position never gets saved even though it > > moved. > > > When I refresh the page, the boxes are in the position they where > > before they snapped. > > > In place of the alert is a bunch of code that saves the boxes > > position. > > > Just wondering how I can trigger an event with the snap param, like: > > > $("div#box").draggable({ > > grid: [2,2], > > snap: true, > > snapTolerance: 4, > > containment: "div#box_container", > > stop: function() { > > alert(' i was dragged '); > > } > > > // LIKE... > > > snapStop: function() { > > alert(' i was snapped '); > > } > > > onSnap: function() { > > alert(' i was snapped '); > > } > > > }); > > > But I don't see anything in the documentation relating to this. > > > Thanks in advance. > > -- > Paul Bakaus > UI Architect > --http://paulbakaus.comhttp://www.linkedin.com/in/paulbakaus --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
