0

我想使用线索提示 jquery 插件的悬停功能。我在悬停时调用 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;
4

1 回答 1

3

clueTip有一个hoverIntent 插件的选项，它完全符合您的要求。

于 2011-11-01T00:34:33.487 回答