Ich habe zwei Schaltflächen + und - . Wenn ich auf " + " -Button klicke, füge ich ein Div im Eltern-Div hinzu und möchte Tooltip auf diesem Div anzeigen, wenn ich erneut auf " + " klicke, dann füge ich wieder ein Div hinzu und möchte Tooltip nur beim zweiten Div anzeigen. Es ist dasselbe für bis zu 7 Div.
Momentan mache ich das gleiche, aber wenn ich mehr als einen div hinzufüge, wird der Tooltip nicht für die vorherige Schaltfläche ausgeblendet und wird immer noch dort sein. Am Ende sehe ich alle 7 Tooltipps, aber ich sehe nur den letzten div Tooltip.
Ich habe versucht, es nach einer gewissen Verzögerung zu verstecken, aber selbst es funktioniert nicht.
Hier ist mein Code.
%Vor% Hier ist eine mögliche Lösung. Mit den Optionen items und content können Sie den Inhalt anpassen, anstatt ihn über das Attribut title zu übergeben.
Arbeitsbeispiel: Ссылка
HTML
%Vor%CSS
%Vor%jQuery
%Vor% Bei der Verwendung einer Position wie { my: "top", at: "top", collision: "flip" } kam es zu einem seltsamen Ladeproblem. Ich benutzte eine andere Position und es schien das Problem zu klären.
Sie haben kein sehr starkes Beispiel angegeben, also habe ich einige Beispielschaltflächen erstellt. Die Option disable war ebenfalls hilfreich, dies stellte sicher, dass sie nicht auf mouseover -Ereignissen angezeigt wurden. Es erlaubt uns auch die open und close zu kontrollieren.
Ich habe alle Inhaltselemente in ein Datenattribut gepackt. Ich habe es mit einem Rohr ( | ) getrennt, so dass es sich um einen Punkt handeln kann, aber später problemlos bearbeitet werden kann.
Klicken Sie auf eine Schaltfläche und der Tipp erscheint. Klicken Sie erneut darauf, und es wird ausgeblendet. Gleiches, wenn Sie die Maus wegbewegen.
Wenn Sie weitere Informationen benötigen, aktualisieren Sie Ihren Beitrag bitte mit einem besseren Beispiel.
Tags und Links html jquery-ui hide jquery-ui-tooltip