Question

我想使用悬停feature of cluetip jquery plugin。我在悬停时调用ajax请求但我希望它只在执行ajax调用时如果我在加载图像弹出之前突出显示链接一段时间。当一个人在短时间内意外地悬停在链接上时，这将避免呼叫服务器。

这可能吗？我看到我可以包含hoverintent插件，所以我添加了下面的选项，但它似乎没有做任何事情。如下所示，我尝试使用非常大的数字，但在我将鼠标悬停在链接上后，它仍会立即启动ajax加载图像。

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

Answer 1

clueTip有一个hoverIntent plugin的选项，可以完全按照您的意愿行事。

cluetip上有任何延迟悬停选项吗？

1 个答案: