jQuery Tools Tooltip: Zeige auf Seite laden

Ich arbeite an einer kleinen App und verwende jQuery Tools Tooltip (http://jquerytools.org/documentation/tooltip/index.html) für die Tooltip-Funktionalität. Ich kann nicht herausfinden, wie ich den Tooltip beim Laden der Seite anzeigen kann. Hat jemand das schon mal gemacht?jQuery Tools Tooltip: Zeige auf Seite laden

Quelle

2012-03-23 dennismonsewicz

Ohne eine Probe, um Sie zu versorgen, fühle ich mich schuldig, dies zu einer "Antwort" ... so ein Kommentar ist es! Alles, was Sie tun müssen, ist, Ihren Tooltip in der jQuery-Funktion "Dokument bereit" zu initialisieren. Dann gibt es eine Methode in der API für '.show()', aber ich habe seine genaue Syntax nicht vollständig untersucht. ;-) –

Danke für den Kommentar! Es gibt zwei verschiedene Möglichkeiten, dies zu tun (nachdem Sie die Antwort unten und Ihren Kommentar gesehen haben) ... Ich poste sie unten. – dennismonsewicz

Sie können das mouseenter-Ereignis beim Laden der Seite auslösen, nachdem Sie den Tooltip initialisiert haben.

$("#target").mouseenter();

Quelle

2012-03-23 20:56:35

GECK! Vielen Dank! Ich wusste, das war einfach! Ich werde es akzeptieren, sobald Stackoverflow mich LOL lässt! Danke noch einmal! – dennismonsewicz

Wenn es einen API-Aufruf für 'show()' gibt, scheint dies ein wenig seitwärts; Sie können jedoch nicht mit den Ergebnissen streiten! ;-) –

Nun, es sieht so aus, als hätten alle Tooltips '.tooltip', damit Sie das tun können.

$(function(){ 
    $('div.tooltip').fadeIn(); 
});

Sie werden wahrscheinlich wollen auch eine gewisse Logik zu ‚.fadeOut()‘ hinzufügen

Quelle

2012-03-23 21:01:09

Das geht nicht. –

Nachdem die Antwort von Matthew zu sehen und den Vorschlag von Greg, gibt es zwei Möglichkeiten (mehr könnte) davon zu gehen, dies zu tun.

Hier sind sie.

jQuery Tools' Mit API Version

$('.searchToolTip').tooltip({ 
        position: 'bottom center' 
       }); 

       var tooltipApi = $('.searchToolTip').data('tooltip'); 
       tooltipApi.show();

jQuery Mit mouseenter()

$('.searchToolTip').tooltip({ 
        position: 'bottom center' 
       }).mouseenter();

Nochmals vielen Dank für die Hilfe aktivieren!

Quelle

2012-03-23 21:04:00 dennismonsewicz

+1 Die Verwendung der API wie vorgesehen ist weniger hacky als das Auslösen gefälschter Ereignisse. (Obwohl mir nicht ganz klar war, wie ich diese API nutzen sollte. Die Methode data() war eine Überraschung für mich.) –

jQuery Tools Tooltip: Zeige auf Seite laden

Antwort

Verwandte Themen