[jQuery] clueTip plugin mouseOutClose with sticky:true problem
The clueTip plugin mouseOutClose option does not work fully if you hav
sticky set to on.
it only closes the cluetip if you hover over the cluetip itself.
It should also close when the mouse moves out of the element that
fired the cluetip (but not when the mouse is moving into the cluetip).
here are the options I have used:
$('a.popupOptions').cluetip({
cluetipClass: 'jtip',
arrows: true,
dropShadow: true,
hoverIntent: false,
sticky: true,
fx: { open: 'fadeIn', openSpeed: 'fast' },
mouseOutClose: true,
closePosition: 'title',
local: true,
hideLocal: true,
topOffset: 5,
leftOffset: 10
});
and the HTML for it is:
<div class="optionsPopupWrapper">
<a title="Menu options." class="popupOptions"
rel="#popup1" href="#"><img src="/.png" alt="V." /></a>
<div class="diaryDayEntryOptions"
id="popup1">
<h3>Menu options</h3>
<ul>
<li><a href="#">Edit diary
entry</a></li>
<li><a href="#">Add entry to
my favourites</a></li>
<li><a href="#">Delete entry
from diary</a></li>
</ul>
</div>
</div>
do you have any suggestions: