j-Ready

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

Diese Komponente führt einige Vorgänge aus, wenn die Komponente bereit ist.

Konfiguration:

rclass {String} Eine Liste der zu entfernenden CSS-Klassen, geteilt durch Leerzeichen
rdelay {Number} Eine Verzögerung beim Entfernen von Klassen (Standard: config.delay)
aclass {String} Eine Liste hinzuzufügender CSS-Klassen, geteilt durch Leerzeichen
adelay {Number} Eine Verzögerung beim Hinzufügen von Klassen (Standard: config.delay)
delay {Number} Initialisierungsverzögerung in Millisekunden (Standard: 800)

Verwenden Sie es mit <ui-component name="ready">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

example.html

<style>
	.ready { width: 200px; height: 200px; border: 2px solid red; padding: 20px; }
</style>

<ui-component name="ready" config="aclass:ready" class="invisible">
	Hello World!
</ui-component>