0
호버 feature of cluetip jquery plugin을 사용하고 싶습니다. 내가 호버에 아약스 요청을 부르고 있지만 내가 아약스 전화를 할 경우에만 내가 이미지를 팝업로드하기 전에 특정 기간 동안 링크를 강조 표시하고 싶습니다. 이렇게하면 사람이 실수로 링크를 잠깐 동안 가리키면 서버에 전화하는 것을 피할 수 있습니다.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;
일부 추가 코드를 사용하여 질문을 업데이트했지만 혼란스러운 옵션을 추가해도 아무 것도 보이지 않습니다. . 나는 틀린 일을해야만한다. – leora
우선, 당신은'hoverIntent' 플러그인을로드하고 있습니까? clueTip과 함께 제공되지 않습니다. – Tomm
예, hoverintent 플러그인을 포함 시켰습니다. 질문을 업데이트했습니다. – leora