Hi Andy,
The problem is occurring because you are initializing the cluetip on
mouseover by calling jQuery('a.title').cluetip( ... ).
The plugin takes care of the mouseover/mouseout stuff on its own, so
you should call it ahead of time (and only once). For example, you
could put it inside a document ready block:
$(document).ready(function() {
jQuery('a.title').cluetip({splitTitle: '|'});
});
This can be put in a separate file and then referenced with a <script>
tag somewhere in the HTML document.
For more information about the basics of getting the plugin to work,
check out the documentation:
http://plugins.learningjquery.com/cluetip/#getting-started
--Karl
____________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Nov 13, 2009, at 2:30 AM, youradds wrote:
Hi,
Got a bit of a weird issue, which I can't seem to work out :(
http://www.cancunandrivieramaya.com/new/
If you hover over the "ASTA" logo in the main content area, you will
see the title="" content showing. Then, move off it - and hover over
again. On the second time (and any after that), the "clue tip" box
thing shows up just fine.
The plugin is: http://plugins.learningjquery.com/cluetip/
The code I'm using is:
<a class="title" onmouseover="jQuery('a.title').cluetip({splitTitle:
'|'});" title="About Us|We Offer Quality Tours at the Lowest Online
Prices Guaranteed. Reservation Agents are from Mexico, Canada, and
the United States. Booking Agents are Members of the American Society
of Travel Agents. We are online 7am-8pm 365 days a year. Except for
Feliz Hora Fridays." alt="testing" style="float: right;" >
Can anyone point me in the right direction, as to why this is
happening? Afraid I'm still a bit of a newbie when it comes to jQuery
=)
TIA!
Andy
