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 Swedberg
www.englishrules.com
www.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.toolt...@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?
