jQuery-Tooltipp onClick?

8

Ich habe schon lange gesucht und finde kein jQuery-Tooltip-Plugin, das Folgendes nutzt:

onClick (Statt hover , so dass es wie eine Umschaltfläche funktioniert)

Ein- / Ausblenden

Die Idee für die Verwendung von Tooltips ist, dass ich ein paar Links habe, auf denen ich Inhalte anzeigen möchte. Während normale Tooltips (das ist wahrscheinlich der Punkt, an dem ich falsch gelaufen bin) für den Schwebeflug benötigt werden, muss dieser aktiviert sein Klicken Sie auf den Link, der es auslöst.

Gibt es dafür bessere Ideen als einen Tooltip?

    
Charlie 29.10.2011, 21:48
quelle

5 Antworten

10

Ich weiß nicht, wie Sie gesucht haben, aber eine schnelle Google-Suche nach jquery tooltip gab mir Ссылка (benutze seit einiger Zeit ihr scrollbares Plugin, wirklich wie es):

von ihrer Website:

  

Mit jQuery Tooltip können Sie vollständig kontrollieren, wann der Tooltip angezeigt wird   gezeigt oder versteckt. Sie können für verschiedene Typen unterschiedliche Ereignisse angeben   von Elementen. Sie können dieses Verhalten mit den Ereignissen steuern   Konfigurationsvariable, die standardmäßig folgende Werte hat:

%Vor%

mit 'Klick' sollte den Trick machen. (Ich habe es nicht getestet)

Wenn jedoch alles andere fehlschlägt, können Sie es immer noch fälschen, indem Sie die "Skript-API" verwenden. Rufen Sie einfach .show () und .hide ()

auf

Bearbeiten:

Da Klick, Klick funktioniert nicht genau so, wie ich es mir vorgestellt habe, biete ich Ihnen einen Workaround an. Ich hoffe wirklich, dass es einen schöneren Weg gibt, das gleiche Ergebnis zu erzielen. Ich habe es mit einer lokalen Kopie von Ссылка getestet und es funktioniert wie erwartet.

%Vor%

Aber ich schlage vor, Sie schauen sich auch qTip an, wie von user834754 vorgeschlagen, vielleicht gefällt Ihnen das auch.

    
Brunner 29.10.2011, 21:59
quelle
4

Es ist möglich, einen jQuery UI-Tooltip (jQuery UI Version 1.10.2) für ein Klickereignis zu öffnen. Fügen Sie das Attribut title zu einem anderen Element als dem Element hinzu, auf dem die QuickInfo angezeigt werden soll.

%Vor%

Initialisieren Sie die QuickInfo für das Element mit dem Titelattribut, dessen Position auf das Zielelement festgelegt ist.

%Vor%

Rufen Sie öffnen in der QuickInfo der Callback-Funktion des click -Ereignisses auf dem Zielelement auf.

%Vor%

Quelle: Floating-Hilfe-Box mit jQuery UI-Tooltip

    
Gaurav 13.05.2013 16:14
quelle
3

Sie können versuchen, qTip zu verwenden, Sie können jedes jquery-Ereignis darauf binden:

%Vor%

Ein einfaches und hübsches Plugin :) Ссылка

    
shennyL 29.10.2011 23:10
quelle
2

Wenn Sie einen einfachen, leichtgewichtigen Tooltip bevorzugen, können Sie Ссылка in Erwägung ziehen und den Onclick einfach binden jquery Ereignis zu ihm.

    
user850814 19.07.2012 23:59
quelle
2

Sie können auch Folgendes tun:

%Vor%     
aruanoc 10.03.2014 19:19
quelle

Tags und Links