2013-10-02 15 views
9

Mam problemy z tworzeniem roboczych qTips (mała strzałka nie jest wyświetlana). Pracowałem już w przeszłości; jedyną rzeczą, o której mogę myśleć, że zmieniło się z biegiem czasu jest wersja jQuery i qTip2. Korzystam z poniższego kodu, aby wygenerować końcówkę i skonfigurowałem tutaj przykładowy test używając "najnowszych" jQuery (1.10.2) i qTip2 (2.1.1) i to nie działa dla mnie (firefox, chrome):qTip2 "wskazówka" (strzałka) nie pokazuje się

$(document).ready(function() 
{ 
    $('#testElement').qtip({ 
     content: 'readyTip' 
    }); 
}); 

http://jsfiddle.net/KgSqV/

Jakieś pomysły? Dzięki

Odpowiedz

24

Widzę, że twoje referencje css nie są pełną wersją (wydaje się być częściowa); spróbuj zmienić to odniesienie w następujących przypadkach:

  • http://cdnjs.cloudflare.com/ajax/libs/qtip2/2.1.1/jquery.qtip.js
  • http://cdnjs.cloudflare.com/ajax/libs/qtip2/2.1.1/jquery.qtip.css

To częściowe ponieważ jest js/css Basic features wersja (bez dodatkowych stylów lub funkcje) należy użyć All features & styles.

stronę Pobierz: http://qtip2.com/download

Demo: http://jsfiddle.net/IrvinDominin/Pu4A4/

+0

To są dokładnie te dwa łącza, których użyłem w moim przypadku (dostałem je od http://qtip2.com/download). Popraw mnie, jeśli się mylę, ale jedyną rzeczą, którą wydajesz się zrobić inaczej, jest jQuery 1.8.3 w części JSFiddle "Frameworks and Extensions". Zmieniłem mój JSFiddle, aby zrobić to samo i nadal nie działa, a twój działa idealnie, więc jestem teraz jeszcze bardziej zdezorientowany! – valoukh

+0

Używasz wersji podstawowej, więc: Podstawowe funkcje (bez dodatkowych stylów i funkcji) to jest problem! –

+0

Utworzyłem go tutaj z linkami do chmury "Wszystkie funkcje i style" i wydaje mi się, że nie otrzymuję teraz żadnej wskazówki http://jsfiddle.net/KgSqV/3/ – valoukh

8

Należy wybrać opcję Speech bubble 'tips' po dokonaniu zwyczaj qTip2 zbudować na jego stronie pobierania. Jeśli go nie wybierzesz, twoje etykiety narzędzi będą bez strzałek.

+0

Dziękuję za jasną odpowiedź, działa – userlond