2009-08-27 3 views
2

저는 툴팁을 만들기 위해 qtip (http://craigsworks.com/projects/qtip/)을 사용하고 있습니다. 이제는 버튼을 눌렀을 때 툴팁을 표시하고 3 초가 경과하면 툴팁을 숨길 필요가 있습니다. 내 현재 코드는 ... 툴팁 가끔있어 때로는 멀리 갈 것이다,몇 시간이 지난 후 qtip 툴팁을 숨기는 방법?

var self = $("#email"); 
     self.qtip({ 
      content: error, 
      tip: true, 
      position: { corner: { target: 'rightMiddle', tooltip: 'leftMiddle' } }, 
      style: 'error', 
      show: { when: false, ready: true }, 
      hide: { when: { event: 'mousemove' }, delay: 2000, effect: function() { self.qtip("destroy"); } } 
     }); 
+0

왜 mousemove에서 숨기기를 실행하고 있습니까? 왜 마우스 아웃하지 않습니까? – Sampson

+0

글쎄, 나는 사용자가 일부 아약스 링크를 클릭 한 후 툴팁이 떠 다니는 상황을 피하려고했다. 그러나 지연은이 툴팁을 숨기기 위해 지연되어야한다고 생각합니다. 툴팁을 파괴하려면 효과가 필요합니다.하지만 어떤 이유로이 작업은 내 페이지에서 작동하지 않지만 다른 사람들에게는 잘 작동합니다. – newbie

답변

3

@newbie 작동하지 않습니다,하지만 반응은, 코드를 정돈하는 것입니다 그것은 어쩌면 그게 문제입니다. 예를 들어 변수 "self"의 이름을 "this"로 바꾸십시오.

$("#email").qtip({ 
    content: error, 
    tip: true, 
    position: { corner: { target: 'rightMiddle', tooltip: 'leftMiddle' } }, 
    style: 'error', 
    show: { when: false, ready: true }, 
    hide: { when: { event: 'mousemove' }, 
      delay: 2000, 
      effect: function() { $(this).qtip("destroy"); } 
     } 
}); 
+0

글쎄, 나는 내일 일하러 갈 때 그것을 시도해야한다. – newbie

+1

mousemove 이벤트를 잡기에는 다소 격렬하지 않습니까? 사용자가 마우스를 움직이지 않으면이 기능이 작동하지 않습니다. – marcgg

관련 문제