OK I figured it out: the item being dragged is taken out of it's
normal place in the page and appended to the bottom of the page and
then positioned absolutely. This ensures it always appears on top of
other elements and isn't positioned within a positioned ancestor.
Unfortunately this means that the item effectively has no parent
element (other than <body>) to inherit cascaded styles from. However,
it is enclosed in a div with an id of "dragHelper". So to restore your
styles, you need to redefine them for #dragHelper in addition to their
normal context.
As for my other problem (elements not sorting) it turned out to be a
broken reference to the container element, which for some reason
instead of causing an error, defaulted to the body, so my items were
still found but the container itself was wrong.
Cheers,
Scott
On Oct 20, 2:04 am, NiKo <[EMAIL PROTECTED]> wrote:
> Hi,
>
> I'm quite a newbie and I'm using jQuery 1.12 and interface 1.2
> (interface.eyecon.ro) and I have a strange behavior on my sortable
> elements : the divs I drag have no style applied to, the style comes
> back when I stop dragging them.
>
> Here's my code :
>
> $('#ph_columns td.sortable').Sortable(
> {
> accept: 'portlet',
> helperclass: 'ph_sort_placeholder',
> handle: 'div.portlet-header',
> opacity: 0.9,
> tolerance: 'intersect'
> }
> );
>
> Can you see someting wring here ? Here the divs of class 'portlet'
> will see the corresponding css style not be displayed when dragged.
>
> Thanks in advance for your help :)
