Mit JQuery Cookies: UI-Hinweise / Notizen - verbergen Sie sie, nachdem der Benutzer fortgesetzt wurde

Question

der Startpunkt :

Ich habe eine schwierige Web-App-Schnittstelle (sollte nicht so sein, aber das ist ein anderes Thema). Um vom Benutzer zu verstehen, habe ich in Tipps gebaut. Zum Beispiel: Ein Pfeil zeigt Richtung, um über den Bildschirm zu streichen, um das Menü anzuzeigen.

das Problem :

Jedes Mal, wenn ein Benutzer die Seite neu lädt oder in eine andere (Unter-) -Seite geht, werden die Hinweise wieder angezeigt. Unsinn - und nervig für den Benutzer.

die Lösung :

Zeigen Sie den Hinweisen nur bei Bedarf an. Wenn der Benutzer ein Ereignis auslöst, verschwindet der Hinweis für dieses Ereignis. Wenn der Benutzer die Seite an einigen Tagen später neu lädt oder besucht, versteht er bereits, wie es funktioniert, und er muss nicht die Hinweise sehen.

die Implementierung :

jQuery-Kekse. So etwas wie:

Wenn Ereignis ausgelöst wird -> Keks setzen. Cookie sagt -> Zeigen Sie keinen Hinweis (z. B. mit .css ("Display", "None") wäre genug)

wo ich deine Hilfe brauche :

Ich finde kein gutes Tutorial oder Dokumentation für JQuery-Cookies. Ich bin ein jQuery-Anfänger. Einfache Funktionen sind kein Problem. Aber das ist noch ein bisschen zu groß.

Vielen Dank für jede Hilfe oder nützliche Links!

Answer 1

jsfiddle: http://jsfiddle.net/wrxsti85/9nubf/

Dies ist ein grundlegendes altes Cookie-Setup, das ich verwendete.Es erfordert keine anderen Bibliotheken, so dass es klein und leicht ist.

Das erste Mal, wenn Sie die Geige laden, sehen Sie den Tooltip.Klicken Sie erneut auf Laufen, und es ist nicht da.

generasacodicetagpre.

hoffe das hilft!Lassen Sie mich wissen, wenn Sie Fragen haben.