I want to use the hover feature of cluetip jquery plugin. I am calling an ajax request on hover but i want it to only do the ajax call if i am highlighting the link for a certain period of time before the loading image popups . This will avoid calling to the server when a person hovers over a link by accident for a short second.
Is this possible? I see that i can include hoverintent plugin so i added the options below but it doesn't seem to do anything. as per below, i tried using very large numbers but it still kicks off the ajax loading image immediately after i hover over a link.
<script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery.hoverintent.js") %>"></script>
<link rel="Stylesheet" type="text/css" href="<%= Url.Content("~/Content/jquery.cluetip.css") %>" />
<script type="text/javascript" src="<%= Url.Content("~/Scripts/jquery.cluetip.js") %>"></script>
$('a.descriptionLink').cluetip({
width: '450px',
//cluetipClass: 'jtip',
showTitle: false,
cluetipClass: 'jtip',
hoverIntent: {
sensitivity: 413,
interval: 4650,
timeout: 0
},
sticky: true,
mouseOutClose: true,
ajaxSettings: {
dataType: 'json'
},
ajaxProcess: function (data) {
var display = data.status;
display += "<br><br><b>Description:</b> " + data.description;
return display;
clueTip
has an option for the hoverIntent plugin which does exactly what you want.