도움말 jQuery를 Toolip 플러그인

Question

누군가가 도움을 줄 수 희망하지만 즉, 내 도구 설명을하고 싶습니다,이 jQuery를 툴팁 플러그인 jquery tooltip

을 사용하고 당신이 그것을 마우스를 가져 가면 하심을 뜻의 예를 모방하는 것을 시도하고있다 내보기에 아래에 나타납니다.

정확하게 표시되도록 툴팁을 표시 할 수 있지만 어떤 이유로 왼쪽 위에 있지만 마우스를 올리면 오른쪽에 표시되지 않습니다.

아무도 내 이미지 아래에 표시되고 올바르게 표시되지 않도록하는 방법에 대한 도움을 줄 수 있습니까?

참고로 현재 내 이미지는 내 웹 페이지의 오른쪽 상단에 설정되어 있습니다.

감사합니다.

Answer 1

글 머리 기호는 해당 페이지 이외의 다른 문서가 없습니다. 툴팁 위치는 페이지의 위치에 따라 달라집니다. 페이지 상단에 가까울수록 팁이 아래에 나타납니다.

개인적으로 툴팁 위치를 설정할 수있는 다른 툴팁 스크립트를 사용하는 것이 좋습니다. jQuery Tools Tooltip 또는 qTip과 같은 것입니다.

---

잘 분명히, 현재 출시 된 qTip 스크립트 jQuery를 1.4.2 작동하지 않습니다,하지만 당신이 제대로 작동 않는 current build version을 다운로드 할 수 있습니다.

다음은 사용 방법에 보여주는 몇 가지 예제 코드이며, demo : 당신이 당신의 마크 업/스크립트 또는 당신이 구현했습니다하는 페이지로 연결되는 링크가

$(document).ready(function(){ 
$("#demo").qtip({ 
    content: 'Tooltip Content goes here', 
    style: { 
     name: 'cream',   // Inherit from preset style 
     tip: 'topMiddle'  // adds the pointy part to the tooltip window 
    }, 
    textAlign: 'center',  // Center the tooltip contents 
    position: { 
    corner: { 
    target: 'bottomMiddle', // Location of tooltip relative to #demo when it opens 
    tooltip: 'topMiddle'  // Portion of tooltip that meets with the target 
    } 
    } 
}); 
});