Karl,
Thanks so much. You have helped me solve the issue. My
implementation ended up looking more like this, but it works:
$('.pos_fix').hover(
function() {
$(this).children('.IL_hover').fadeIn("fast");
},
function(event) {
if ( (!$(event.target).is('option')) && (!$
(event.target).is('select')) && (!$(event.target).is('div.form_box'))
&& (!$(event.target).is('form')) ) {
$(this).children('.IL_hover').fadeOut("fast");
}
}
);
I will be sure to put some credit to you in my code and look forward
to seeing your fix in action at the release of patterntap.com
Greatfully yours,
Chris
On Apr 4, 1:21 pm, Karl Swedberg <[EMAIL PROTECTED]> wrote:
> Hi Chris,
>
> I'm not sure why this is happening, but I think I know how to fix it.
> Jörn Zaefferer and I ran into this same problem with our tooltip/
> clueTip plugins the other day. Following the approach that Jörn
> proposed for the plugins, you might be able to fix the problem by
> making sure that the target property of the event argument is not an
> option element:
>
> $('document').ready(function() {
> $('#hoverthis').hover(
> function() {
> $(this).children('#showonhover').fadeIn("fast");
> },
> function(event) {
> if ( !$(event.target).is('option') ) {
> $(this).children('#showonhover').fadeOut("fast");
> }
> }
> );
>
> });
>
> Give that a shot and see if it works for you.
>
> --Karl
> _________________
> Karl Swedbergwww.englishrules.comwww.learningjquery.com
>
> On Apr 4, 2008, at 12:18 AM, Chris wrote:
>
>
>
> >http://patterntap.com/hover-test.html
>
> > Check out the URL above for the test case. The flicker happens in all
> > browsers (IE 7, Firefox and Safari).
>
> > The "showonhover" appears on when the parent div is hovered over.
> > Inside "showonhover" is a SELECT box. When I try to select an item it
> > causes the entire hover area to flicker.
>
> > Any thoughts on why this is happening and how to fix it?
