0
我想使用悬停feature of cluetip jquery plugin。我正在调用悬停的ajax请求,但我希望它只能在加载图像弹出窗口之前突出显示链接一段时间的情况下执行ajax调用。这可以避免当一个人在短时间内意外悬停在一个链接上时向服务器发送消息。cluetip上是否有延迟悬停选项?
这可能吗?我看到我可以包含hoverintent插件,所以我添加了下面的选项,但它似乎没有做任何事情。根据以下,我尝试使用非常大的数字,但它仍然踢我的悬停在链接后立即加载阿贾克斯图像。
<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;
我更新了一些额外的代码的问题,增加hoverintent选项似乎没有做任何事情。 。我一定是做错了 – leora
首先...你在加载'hoverIntent'插件吗?它没有与clueTip捆绑在一起。 – Tomm
是的,我已经包括了hoverintent插件,我已经更新了问题 – leora