Meine Website ist folgendermaßen eingerichtet:
4 Benutzergruppen. Jede Benutzergruppe kann verschiedene Informationen sehen. Ein Beispiel wäre die Lagermenge für ein Geschäft. So kann der Benutzer aus London die Verfügbarkeit von Aktien für Manchester nicht sehen. Diese Informationen stammen aus der Datenbank für JEDES auf Lager befindliche Produkt. Wenn Sie also eine Liste von 20 Elementen haben, werden ihre individuellen Werte angezeigt.
Ich möchte Folgendes tun:
Wenn ich oder jemand, dem ich die Erlaubnis gebe, über die "In Stock" -Spalte für ihr eigenes Geschäft schwebt, muss eine Tooltip-Tabelle mit den aktuellen Lagerbeständen der drei anderen Geschäfte für jedes einzelne Produkt angezeigt werden. Wenn ich also über Artikel SKU-001 blicke, sehe ich nur die Lagerverfügbarkeit für diesen Artikel. Ich hatte ein Problem, bei dem die gesamte Liste für jeden Artikel angezeigt wurde.
Ich habe darüber nachgedacht:
%Vor%Hier ist ein Code, den ich geschrieben habe:
%Vor%Aus irgendeinem Grund funktioniert das jedoch nicht. Ich habe keine Möglichkeit gefunden, einen Tooltip hinzuzufügen. Alle Lagerwerte sind für jeden einzelnen Artikel vorhanden, also muss ich nur einen Weg finden, um die 3 Werte für die anderen Filialen hinzuzufügen und sie in einem Tabellenformat über einen Tooltip anzuzeigen. Das wäre ideal.
Im Grunde sollte der Tooltip die 3 Werte der Stores anzeigen, die momentan nicht angezeigt werden, da die anderen 3 Werte ausgeblendet sind. Der Benutzer kann nur die Lagerbestände seines Geschäfts sehen. Aber ich möchte das für mich selbst mit einbeziehen, da es dadurch einfacher wird, die Lagerbestände auf der ganzen Linie zu betrachten.
Überprüfen Sie diese Lösung mit jQuery und Bootstrap Arbeitsgeige
Sie haben vier Optionen:
1 - Sie können es dynamisch zu Ihrem Code auf domReady hinzufügen (wie die Geige)
2 - Sie können das benötigte HTML direkt ausdrucken, damit das Plugin funktioniert. Überprüfen Sie die Dokumentation POPOVER oder TOOLTIP
%Vor%3 - Sie können es erstellen, wenn Sie ein beliebiges Element bewegen. Wie im folgenden Beispiel (das ist besonders hilfreich, wenn Sie viele Elemente benötigen, die popover / tooltip benötigen, was viel Zeit und Speicher für init und handle benötigt)
%Vor%4 - mit AJAX
%Vor%Tags und Links javascript html jquery tooltip