j-Intro

jComponent 20 · jcomponent@20 component Przykład załadowany z jComponent 20

Konfiguracja:

warunek if {String} dla pokazania wstępnego, jest porównywany do wartości wewnątrz path
next {String} opcjonalny, tekst dla przycisku następnego kroku (default: Next)
close {String} opcjonalny, tekst dla przycisku bliskiego kroku (default: Done)
page {String} opcjonalny, link do metody function(page) {} jest wykonywany po zmianie strony
exec {String} opcjonalny, link do metody function() {} jest wykonywany po zamknięciu wejścia
check {String} opcjonalny, link do metody function(done) {} jest wykonywany, gdy kliknięte jest ostatnie przycisk
remove {Boolean} jest opcjonalny, gdy true zostanie usunięty po zamknięciu (default: false)
closebutton {Boolean} wyświetla przycisk w prawym górnym rogu (default: false)
width {Number} maksymalna szerokość (default: 400)
Wysokość height {Number} (default: 300)
NEW: delay {Number} opóźnienie dla przycisku next między kliknięciami
NEW: nexticon {String} i ikonę (default: ti ti-chevron-right)
NEW: doneicon {String} i ikonę (default: ti ti-check-circle)

Dobrze wiedzieć:

Każdy przycisk z name="next" będzie używany jako przyciska next
Każdy przycisk z name="close" będzie używany jako przyciska close
Połączenie z klasą next będzie używane jako przycisk next
Połączenie z klasą close będzie używane jako przycisk close

Użyj go z <ui-component name="intro">Gdy element nie jest jeszcze ładowany, jComponent Pobierz go po pierwszym użyciu z adresu DEF.fallback (Wydaje się Componentator Autor: Peter Širka Źródło: Componentator Zestaw składników, licencja MIT.

example.html

<ui-component name="intro" path="showme" config="if:myintro" class="hidden">
	<figure>A</figure>
	<figure>B</figure>
	<figure>C</figure>
	<figure>D</figure>
	<figure>E</figure>
</ui-component>

<script>
	SET('showme', 'myintro', 2000);
</script>