2013-05-22 13 views
8

Kiedy przewijam nad elementem powtarzalnie, wydaje mi się, że przeskakuje jQuery tooltip. Pomyślałem, że może dlatego, że kolidował ze sobą, więc ustawiłem opcję kolizji na none, ale to nie pomogło.Wskazówka jQueryUI przeskakuje około

Czy to błąd? Jak mogę go skakać?

+2

Czy możesz udostępnić kod, z którym masz problem, a może przykład [JSFiddle] (http://www.jsfiddle.net)? –

+0

Po raz pierwszy używam JSFiddle, mam nadzieję, że zadziałało http://jsfiddle.net/kteXP/1/ – happygilmore

+0

Na mojej stronie pozycja wskazówki zależała od rozmiaru wskazanej właśnie końcówki. Z trzema pozycjami na liście, jeśli unosiłem się nad pierwszym, a następnie drugim, końcówka znajdowała się zawsze w tej samej pozycji i zawsze w innej pozycji, gdy przechodziłem od trzeciej do drugiej. I inna pozycja po odejściu z listy i powrocie do pozycji 2. Przesunięcie było równe rozmiarowi poprzednio pokazywanej podpowiedzi. Brzmi jak błąd. – Craig

Odpowiedz

20

Ustawiam klasę .ui-tooltip na position: absolute, ale wygląda na to, że zadziałała. Nie jestem pewien, czy wystąpią niepożądane konsekwencje?

+2

Miałem ten sam problem, po rozwiązaniu tego problemu, tnx – RezaSh

+1

Mój był już ustawiony na pozycję: absolutna i to nie rozwiązało. Jakieś inne pomysły? – Trevor

+0

"Absolutny" działa dla mnie. dzięki! – dnns

6

Wygląda na to, że metoda happygilmore już nie działa (i, jak powiedział, jest również ryzykownym podejściem). Proponuję za pomocą Tooltip Widget API ustawiając następujące opcje:

position: { 
    collision: 'none' 
}, 
hide: false 

Opcja collision: none przystanków jQuery UI z starając się zrobić niczego wyjątkowego w celu rozwiązania kolizji i hide: false zatrzymuje ją z użyciem animacji zanikania powoli usunąć podpowiedź; opóźnienie, które powoduje kolizję, w pierwszej kolejności. Moim zdaniem wygląda to dobrze bez animacji zanikania.

+0

"Kolizja: żadna" oznaczała, że ​​podpowiedź zniknęła poza krawędź strony, ale "hide: false" zdawało się powstrzymywać skakanie. –