Hi Adam,
If you want the content to be "ajaxed" in, then by default you need to
use the rel attribute and set it to the file. you can override that by
setting the attribute option to something else,
e.g. .cluetip({attribute: 'href'});
hope that helps.
--Karl
____________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Mar 24, 2009, at 3:05 PM, Adam wrote:
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>
