I am very new to jquery and cluetip. I created a basic html form with some <div> on it. I setup cluetip to display a nice tooltip when hovering over the div. The cluetip will use the title attribute to create the tooltip.
The issue I have is that there are a bunch of <div> on my page and I really only want the tooltip to appear when there is something the title attribute. Currently a blank box appears if there is nothing in the title attribute.
Any way I can work around this?
Javascript:
<script type="text/javascript">
$('div').cluetip({ cluetipClass: 'rounded', splitTitle: '|' });
</script>
HTML
I dont want this to display anything:
<div title="">testingtesting testing</div>
I want this to display a tooltip
<div title="123|abcd">testingtesting testing</div>