2016-03-29 15 views
0

Ich habe keine Ahnung, wie ich die richtige Position meiner Tooltips einstellen kann. Meine Objekte haben Tooltips mit HTML-Struktur und sie sind an den Rändern des Bildschirms, so dass ich die meisten nicht sehen kann. Ich habe eine fiddle gemacht. Es gibt nur 4 Objekte mit Tooltips, aber in meinen Projekten habe ich viele davon.qTip2 - Position des Tooltips

$('.qtip-show').qtip({ 
    position: { 
     target: 'mouse', 
    }, 
}); 

Antwort

1

können Sie einen Blick hier auf die Optionen: http://qtip2.com/options

Nachdem das Spiel mit den Optionen für eine Weile es funktioniert.

$('.qtip-show').each(function() { // Grab all elements with a title attribute,and set "this" 
    $(this).qtip({ // 
     position: { 
     my: 'top left', // Position my top left... 
     at: 'bottom left', // at the bottom right of... 
     target: $(this) // my target 
    } 
    }); 
}); 

Voll Code hier: http://codepen.io/anon/pen/GZvomK

Bests, George

+0

Danke für Ihren Beitrag, aber ich bin nicht sicher, wie kann ich das mit ihm - ich meine Geige aktualisieren: https: //jsfiddle.net/h49Loejs/4/ – joryl

+0

Danke :) Aber wenn ich es in meine Geige einfügen, wird es jedes Mal an der gleichen Stelle angezeigt, kannst du schauen? :) https://jsfiddle.net/h49Loejs/5/ – joryl

+0

Vielen Dank, aber schauen Sie, wenn Sie (zum Beispiel) "while (i <1)" zu "while (i <10)" ändern, werden Sie sehen Die Knöpfe auf der rechten Seite sind hinten. – joryl