2012-01-26 25 views
8

Używam qTip: http://craigsworks.com/projects/qtip2, a moim obecnym problemem jest to, że po najechaniu wskaźnikiem myszy znika (ponieważ cel był mouseleave/mouseout).Spraw, aby qTip nie zniknął po najechaniu myszą na podpowiedź

Czy jest jakiś sposób, aby pozostawał widoczny po najechaniu podpowiedziami? Umieściłem etykietkę tak, aby znalazła się dokładnie pod celem, więc nie było pustej przestrzeni między celem a etykietą narzędzia.

+0

proszę dodać trochę kodu, zwłaszcza część jQuery – Tim

+0

i spojrzeć w dokumentacji, może opcja ukryj pomoże. http://craigsworks.com/projects/qtip2/docs/hide/ – Tim

+0

Zaznacz opcję „hide.target” [http://craigsworks.com/projects/qtip2/docs/hide/#target](http:// craigsworks.com/projects/qtip2/docs/hide/#target). Domyślnie etykieta narzędzia jest ukryta podczas opuszczania elementu wywołanego .qtip(). –

Odpowiedz

12

Zastosowanie fixed: http://craigsworks.com/projects/qtip2/docs/hide/#fixed

Możesz chcieć dodać delay jak dobrze zanim zniknie podpowiedzi, w przypadku istnieje jakiś odległość między elementem wyzwalającym i podpowiedzi.

np.

$('.moreinfo').qtip({ 
    content: { 
     text: $('<p>This is a tooltip.</p>') 
    }, 
    show: { 
     effect: function() { $(this).fadeIn(250); } 
    }, 
    hide: { 
     delay: 200, 
     fixed: true, // <--- add this 
     effect: function() { $(this).fadeOut(250); } 
    }, 
    style: { 
     classes: 'ui-tooltip-blue ui-tooltip-shadow ui-tooltip-rounded' 
    } 
}); 

Mam nadzieję, że to pomaga.

+0

To nie pomaga. Mam zarówno opóźnienia i naprawiono: Ture, ale wciąż znika, kiedy mouseover na etykiecie przesuwając szybki – mgPePe

+0

Sieć [dokumentacja] (http://craigsworks.com/projects/qtip2/docs/hide/#fixed) wyraźnie stwierdza, że taki jest cel "naprawionego". Jeśli to nie zadziała, może być uszkodzone w najnowszej wersji, nie sprawdziłem. – jlowgren

2

Zastosowanie stałej: true, a także urlopu: false

Problem może być o to, że po wyjściu z Q-Tip cel to ukrywa.

+0

Czy "leave: false" również znajduje się w sekcji "ukryj"? – AlbatrossCafe

0

Z jakiegoś powodu samo korzystanie z usługi fixed:true nie działa. Zamiast tego musiałem użyć tych konfiguracji (v3.0.3):

hide: { 
    fixed: true, 
    delay:90, 
}, 
position: { 
    viewport: $(window) 
}, 
Powiązane problemy