I am trying to use the cluetip plugin to no avail. Instead of the
cluetip coming up, I am taken to the website URL like a normal link.
I am using this within the Liferay portal and am using the livequery
plugin. I've tried this with ajaxCache set to false and true.
The cluetip code is getting executed when the page loads - verified
with firebug. Here is the cluetip related html that is written when
the cluetip code executes:
<div id="cluetip-waitimage" style="position: absolute; z-index: 95;
display: none;"/>
<div id="cluetip" style="z-index: 96; display: none; position:
absolute;"><div style="z-index: 90; opacity: 0.1; top: 6px; left: 6px;
position: absolute; background-color: rgb(0, 0, 0);"/><div style="z-
index: 91; opacity: 0.1; top: 5px; left: 5px; position: absolute;
background-color: rgb(0, 0, 0);"/><div style="z-index: 92; opacity:
0.1; top: 4px; left: 4px; position: absolute; background-color: rgb(0,
0, 0);"/><div style="z-index: 93; opacity: 0.1; top: 3px; left: 3px;
position: absolute; background-color: rgb(0, 0, 0);"/><div style="z-
index: 94; opacity: 0.1; top: 2px; left: 2px; position: absolute;
background-color: rgb(0, 0, 0);"/><div style="z-index: 95; opacity:
0.1; top: 1px; left: 1px; position: absolute; background-color: rgb(0,
0, 0);"/><div id="cluetip-outer" style="position: relative; z-index:
97;"><h3 id="cluetip-title"/><div id="cluetip-inner"/></div><div
id="cluetip-extra"/><div class="cluetip-arrows" id="cluetip-arrows"
style="z-index: 97;"/></div>
Here is my relevant code:
jQuery("a.hTip").livequery(function() {
jQuery(this).cluetip();
});
<a href="someurl" class="hTip" title="the title">Test Me</a>
