Is there any delay hover option on cluetip?

699 views Asked by At

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;
1

There are 1 answers

4
Tomm On BEST ANSWER

clueTip has an option for the hoverIntent plugin which does exactly what you want.