First off, sorry for the spam I figured this out. Setting the helper width DID work on the cached proportions. The problem had nothing to do with that. The REAL problem is that the method call: "_setContainment()" is executed BEFORE the helper's proportions are recached. Is there a reason for this? Why can't setContainment be called after the proportions have been cached?
It'd be really really really neat if in the next release candidate, setContainment is called after the this._cacheHelperProportions(); is called, OR if there was a publicly accessible way to recalculate the containment boundaries. Love the framework; I am just doing wierd things with it. Thanks On Feb 12, 1:29 pm, phats <[email protected]> wrote: > Just to clarify the code posted; I am setting the helper's width and > height here: > > $('.sort_block').sortable({ > .... > start: function(e, ui) { > $(ui.helper).height(50); > $(ui.helper).width (50); > $(ui.helper).css({width:"50px",height:"50px"}).addClass > ("sort_helper"); > } > .... > > }); > > So on the start of the drag, the helper's width and height is set, and > it is given a new class. Some of that code is redundant, but I wanted > to show what I've been trying. $(ui.helper).width(50); is what I > expected would update the helpers "proportions", but it doesn't. > Instead the proportions used are that of what has been cached, causing > the boundary to be off by the original item's dimensions. > > Looking at the jquery UI code, I see that the _cacheHelperProportions > () method is called on mousestart; which I guess happens BEFORE the > "start" call where the new dimensions have been set. I figure all I > need to do is recache those proportions AFTER the start call, but I > don't know how to call that method from within the scope.... Am I off > base here? Is there an easier way to do this? > > On Feb 12, 12:14 pm, phats <[email protected]> wrote: > > > Hi, > > > I'm using a clone helper for my sortable list, and it's working great > > except that I am applying a style to the helper so that the helper > > element is a smaller size than the original item element. So, for > > example, the item in the list is 100x100px, and the helper is 50x50px. > > > The problem becomes noticeable when I apply a containment. For some > > reason the helper's proportions do not change to 50x50px, and remain > > 100x100px, causing the edge of the helper to hit the containment > > boundary incorrectly. > > > Is there a way to refresh the helper's proportions? I noticed in the > > code it is cacheing it. How can I call this function from outside of > > the library? > > > Here is my code: > > $(function() { > > $('.sort_block').sortable({ > > connectWith: ['.sort_block'], > > helper: 'clone', > > appendTo: 'body', > > opacity: .5, > > tolerance: 'pointer', > > cursorAt: {top:25,left:24}, > > scroll: false, > > update: function(e, > > ui){$(ui.item).css({width:"",height:""});}, > > containment: $('#body_body'), > > start: function(e, ui) > > {$(ui.helper).height(50);$(ui.helper).width > > (50); $(ui.helper).css({width:"50px",height:"50px"}).addClass > > ("sort_helper");} > > }); > > }); --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
