2013-10-02 6 views
9

Ich habe Probleme beim Erstellen von qTips (der kleine Pfeil wird nicht angezeigt). Ich hatte diese in der Vergangenheit arbeiten; Das einzige, was ich im Laufe der Zeit geändert habe, sind die Versionen jQuery und qTip2. Ich verwende den folgenden Code, um den Tipp zu generieren und habe hier einen Testfall mit den "neuesten" jQuery (1.10.2) und qTip2 (2.1.1) eingerichtet und es funktioniert nicht für mich (Firefox, Chrome):qTip2 'tip' (Pfeil) wird nicht angezeigt

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

http://jsfiddle.net/KgSqV/

Irgendwelche Ideen? Danke

Antwort

24

Ich sehe, dass Ihre CSS-Referenz ist keine vollständige Version (scheint teilweise); Versuchen Sie, Ihre Referenz ändern sind in der folgenden:

  • 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

Es ist teilweise, weil die js/css Basic features Version (keine zusätzlichen Arten oder Funktionen) Sie die All features & styles verwenden.

Download-Seite: http://qtip2.com/download

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

+0

Das sind genau die zwei Links, die ich in meinem Fall verwendet habe (ich habe sie von http://qtip2.com/download). Korrigiere mich, wenn ich falsch liege, aber das Einzige, was du anscheinend anders gemacht hast, ist jQuery 1.8.3 im Teil "Frameworks and Extensions" von JSFiddle. Ich habe meinen JSFiddle geändert, um das Gleiche zu tun, und es funktioniert immer noch nicht, während deins perfekt funktioniert, so dass ich jetzt noch mehr verwirrt bin! – valoukh

+0

Sie verwenden die Basisversion so: Grundlegende Funktionen (keine zusätzlichen Stile oder Funktionen) das ist das Problem! –

+0

Ich habe hier einen mit den "Alle Features & Styles" Cloudfire Links erstellt und es scheint keinen Tipp zu geben http://jsfiddle.net/KgSqV/3/ – valoukh

8

Sie sollten die Speech bubble 'tips' Option wählen, wenn Sie eine benutzerdefinierte machen auf seiner Download-Seite qTip2 zu bauen. Wenn Sie es nicht auswählen, sind Ihre Tooltips ohne Pfeile.

+0

Danke für die klare Antwort, es funktioniert – userlond