[jQuery] Re: ClueTip problem on initially hidden fields

Thanks Karl! The leftOffset did the trick.

On Sep 18, 8:01 pm, Karl Swedberg <k...@englishrules.com> wrote:
> Hi Sarah,
>
> Not sure what's causing that issue, but one workaround is to set the  
> leftOffset option to 30 or so:
>
>    $('span.tooltip[title]').cluetip({
>      splitTitle: '|',
>      arrows: true,
>      dropShadow: false,
>      cluetipClass: 'jtip',
>      leftOffset: 30
>    });
>
> (you don't need position: 'auto' since that's the default.)
>
> I grabbed your markup and created a demo page for you to look at:
>
> http://plugins.learningjquery.com/cluetip/demo-more/hidden-divs.html
>
> Hope that helps,
>
> --Karl
>
> ____________
> Karl Swedbergwww.englishrules.comwww.learningjquery.com
>
> On Sep 16, 2009, at 12:24 PM, Sarah B. wrote:
>
>
>
>
>
> > I am using the clueTip plugin to show help hovers on my application.
> > It works like a charm, except when I have initially hidden fields on
> > the page.  For example, several fields default to
> > style="display:none;" and then when an onchange event occurs on a
> > dropdown, these fields are shown.  When you mouseover the help image
> > to see the clueTip on these fields which were initially hidden, the
> > clueTip flashes and acts funny.
>
> > Here is the jQuery:
> > <script type="text/javascript">
> >    $(document).ready(function() {
> >            $('span.tooltip[@title]').cluetip({
> >                    splitTitle: '|',
> >                    arrows: true,
> >                    dropShadow: false,
> >                    positionBy: 'auto',
> >                    cluetipClass: 'jtip'}
> >            );
> >    });
> > </script>
>
> > Here is the html:
> > <td  class="HiddenFields" style="display:none;">
> >    <span class="formatClass">Heading</span>
> >    <span class="tooltip" title="Title of Tooltip|Description goes here">
> >            <img src="images/help.gif" width="13" height="14" alt="" border=0>
> >    </span><br>
> >    <!--input or select HTML goes here--!>
> > </td>
>
> > I have updated the clueTip plugin to the latest version (1.0.4) and
> > jQuery version 1.3.2.  I am also including hoverIntent and bgiframe
> > plugins for the clueTip.
>
> > Has anyone ever had this problem or do you know how to fix it?- Hide quoted text -
>
> - Show quoted text -