2012-03-21 2 views
1

jquery cluetip을 사용하고 있는데 페이지의 오른쪽 상단에 링크가 있는데 클릭하면 툴팁을 클릭 한 위치의 맨 아래에 표시하고 대신 클릭하면 화면 중간 인 또는 화면 맨 위. 여기 내 코드는 다음과 같습니다 :cluetip은 페이지 오른쪽 상단의 링크에서 작동합니까?

$('#personName').cluetip({ 
    width: '500px', 
    showTitle: false, 
    topOffset: 25, 
    leftOffset: 5, 
    positionBy: 'bottomTop', 
    cluetipClass: 'jtip', 
    activation: 'click', 
    closeText: '<img src="/Content/Images/Icons/cross.png" alt="close" />Close', 
    hoverIntent: { 
     sensitivity: 7, 
     interval: 100, 
     timeout: 500 
    }, 
    sticky: true, 
    mouseOutClose: true, 
    ajaxSettings: { 
     dataType: 'json' 
    }, 
    ajaxProcess: function (data) { 

     var html = []; 
     html.push(data.Person.Name); 
     return html.join(""); 
    } 
}); 

"auto"또는 "mouse"로 바꾸려고 시도했지만 여전히 작동하지 않습니다. . cluetip은 단순히 화면의 오른쪽에있는 링크를 전혀 처리하지 않습니까?

답변

1

크기가 화면에 맞지 않으면 오른쪽에있는 링크를 처리하는 데 문제가있는 것 같습니다.

positionBy: 'mouse'leftOffsettopOffset으로 시도해 보았고 링크의 왼쪽 하단에 약간 나타납니다. 두번째 divhttp://jsfiddle.net/neo108/9CV6t/에보십시오.

희망이 있습니다.

왼쪽 및 위쪽 오프셋으로 재생하고 원하는 위치에 배치 할 수 있습니까?

관련 문제