
WASAP.JS • Demos
Fügen Sie zunächst das data-whatsapp -Attribut zu den Knoten hinzu, die Sie anklicken möchten:
<span data-whatsapp="5210000000000">Reach me via WhatsApp!</span>
Geben Sie dann die JS -Datei ein und initialisieren Sie sie.
wasap.init();
Es ist data-whatsapp erforderlich, es wird empfohlen, ein <span> -Tag (oder ein Inline-Element für diese Angelegenheit) zu sein, und es darf kein <a> Element sein.
data-whatsapp (erforderlich) • Verwenden Sie unbedingt das internationale Telefonformat für bessere Ergebnisse und verwenden Sie nur Zahlen-keine Bindestriche, Räume oder Zeichen.data-whatsapp-message (optional) • Voreinstellung einer Nachricht. ➡ enableIf (Regex | Funktion | boolean, standardmäßig an /android|iphone|ipad/i ))
Die derzeit unterstützten Plattformen, wenn Regex, stimmt gegen window.navigator.userAgent überein. Wenn es als Funktion verwendet wird, kann es modularer sein, und der boolesche deaktiviert oder ermöglicht für jede Plattform.
➡ protocolIf (Regex | Funktion | boolean, standardmäßig an /android|iphone|ipad/i ))
Wenn es aktiviert ist, sollten die Bedingungen erfüllt sein, um den Benutzer anstelle der http -URL, die derzeit nicht auf Mobilgeräten funktioniert, in das whatsapp -Protokoll umzuleiten.
➡ openCallback (Funktion, Standardeinstellung zu window.open )
Wenn elementCallback aktiviert ist, können Sie verhindern, dass ein Klick auslöst, um eine benutzerdefinierte Aktion auszuführen. Nach diesem benutzerdefinierten Verhalten definiert diese Funktion, wie der Benutzer umgeleitet wird.
➡ elementCallback (Funktion)
Rückruf an jedes der gefundenen Elemente, sodass Sie sein Verhalten anpassen können (klicken Sie auf Rückrufe, andere Ereignisse, ändern Sie den Inhalt des Knotens usw.)
➡ newNodeSelector (String, Standard für a)
Das Element, das an das Zielelement angehängt wird, welchen Tag -Namen sollte es haben? Wenn a, wird das HREF -Attribut erstellt. Es unterstützt IDs und Klassen.
nvm use 4 && npm installnpm run dev