2011-11-01 4 views
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; 

답변

3

clueTip은 정확하게 당신이 원하는 않는 hoverIntent plugin에 대한 옵션이 있습니다.

+0

일부 추가 코드를 사용하여 질문을 업데이트했지만 혼란스러운 옵션을 추가해도 아무 것도 보이지 않습니다. . 나는 틀린 일을해야만한다. – leora

+0

우선, 당신은'hoverIntent' 플러그인을로드하고 있습니까? clueTip과 함께 제공되지 않습니다. – Tomm

+0

예, hoverintent 플러그인을 포함 시켰습니다. 질문을 업데이트했습니다. – leora