2011-12-05 2 views
2
jQuery('area').cluetip({ 
     sticky: true, 
     positionBy: 'auto', 
     width:370, 
     dropShadow:false, 
     closePosition: 'top', 
     closeText: '', 
     activation: 'click' 
} 

바로 가기 : 팝업 창을 활성화하려면 클릭하십시오. 충분한 공간이없는 경우에도 클릭 한 부분의 오른쪽에 항상 있습니다. 나머지 부분은 브라우저 창에서 잘려나갑니다. 내가 PHP와 cluetip에 완전히 새로운 오전Cluetip 팝업 창이 브라우저에 의해 차단됩니다.

... 사물의 외모, 할 수있는 유일한 일에 대해

+0

흠 ... 아무 대답도 아직 stackoverflow에 그 불가능 ..... 나는 정말 바보 같은 질문을해야합니까 ??? – Shahbaz

답변

0

positionBy 매개 변수를 사용합니다. 그러나 팁이 잘리는 지 결정하는 데는 실제로 작동하지 않습니다. 많은 경우를 직접 시도했습니다.

옵션은 auto, mouse, bottomTop, fixed이지만 실제로 작동하지는 않지만 모두 차단됩니다.

나 자신을 발견 한 유일한 해결책은 fixed을 사용하고 맨 위와 왼쪽을 수동으로 설정하고 항상 같은 위치에 두었습니다. 당신이 그 장소 홀더에 붙어있는 불행하게도하지만

j('.areaH').cluetip({ 
     positionBy: 'fixed', 
     topOffset: 200, 
     leftOffset: 100 
    }); 

. 난 당신이 조치를 취할 수 있다고 생각하고 각 1 초의 대기 세그먼트 호출 cluetip 호출 후 jQuery를 사용하여 cluetip 창을 다시 위치.

이것은 onHover 이벤트에서 별도로 cluetip을 호출하는 것으로 설정됩니다. 그러나 그것은 그것에 관한 것입니다. FF와 Chrome에서이 테스트를 직접 해보았습니다.

당신은 항상 요소가 다음 존재 위치를 다시 기다립니다 또 다른 jQuery 플러그인을 사용할 수있는 onHover 이벤트에서 http://plugins.learningjquery.com/cluetip/#features

은, 당신이 할 수있는 것은 각 요소에, 새로운 위치가 attr 자신이 또는 jQuery를 사용하여 lefttop 위치를 호출하고 Cluetip 창을 각 방향으로 +20으로 이동하십시오.