Okay, I've been fooling around with this all day, and I think I have
narrowed down the problem, but I'm not sure what to do about it. It's
actually a few problems, and it's mostly in Interface, but just in
case anybody has the same problems, I'll post my solution here.
I stepped through the script several times with Firebug, and
eventually found this in the jQuery.fx.slide method in ifxslide.js,
line 240:
z.el.show();
In this context, z.el is the element you want to slide, wrapped in a
jQuery object. I couldn't see any particular logic for having a
show() here, so I commented it out. It still works fine as far as I
can tell, but the flicker persisted. So, I dug deeper, into the
jQuery.fx.buildWrapper method (which is called by jQuery.fx.slide),
and found this on lines 109-112 of ifx.js:
if (restoreStyle) {
t.hide();
es.visibility = oldVisibility;
}
t is your slide element wrapped in jQuery, and es is the style
property of the same element. Turns out the flicker happens when the
element is set to display:block and visibility:none, restoreStyle is
true, and oldVisibility is "visible". In this situation the hide
method doesn't actually do anything, because the first thing it does
is a filter(":visible"), which filters out our element because the
visibility is set to none. What we actually want in this situation is
for display to get set to none. So, I just replaced
t.hide();
with
es.display = "none";
This works like a charm, no more flicker. However, I'm not sure if
this breaks things in other situations. I'll be heading over to the
Interface site to address this issue, and see if we can get a
permanent fix into official release.
Brent
On May 11, 10:00 am, Equand <[EMAIL PROTECTED]> wrote:
> the divs, u should look into divs position, position them absolutely,
> or add another div with a strict size which doesn't slide, because on
> relative position when it slides - it's height or width changes, so
> the previous div gets into place...
>
> On May 11, 4:49 pm, bhagany <[EMAIL PROTECTED]> wrote:
>
> > I've spent awhile searching for a solution in the archives, but have
> > been unable to find one, so I finally bit the bullet and joined the
> > group to ask about it.
>
> > Here's the situation: I've got two divs, one starts out set to
> > display:none, the other is display:block. When a link is clicked, I
> > want the visible div to slide out, and the previously hidden div to
> > slide in in the same spot. This works, except for a flicker that
> > happens only some of the time. Usually, the div that should be
> > sliding in appears for a split second, and then disappears again when
> > it starts the slide. You can see the page I'm working on
> > athttp://hagany.homeip.net:10480/draft/makeDraft.php. I've slowed the
> > slide down to highlight the flicker - remember you may have to click
> > the link a few times to see the flicker.
>
> > I am already using 1.1.2. Also, I found a thread that suggested that
> > perhaps the problem was with Interface, and not jQuery itself, but the
> > thread was a few months old, and not very clear. If I should be
> > directing this question elsewhere, just let me know.
>
> > Thanks,
> > Brent
