j-Intro

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20

ΕΠΙΤΡΟΦΗ:

Ο όρος if {String} για την εμφάνιση της εισαγωγής, συγκρίνεται με την τιμή μέσα στο path
next {String} προαιρετικό, κείμενο για το επόμενο βήμα κουμπί (προεπιλεγμένο: Next)
close {String} προαιρετικό, κείμενο για το κουμπί κλειστό βήμα (προεπιλεγμένο: Done)
page {String} προαιρετική, μια σύνδεση με τη μέθοδο function(page) {} εκτελείται όταν η σελίδα αλλάζει
exec {String} προαιρετική, μια σύνδεση με τη μέθοδο function() {} εκτελείται όταν κλείνει η εισαγωγή
check {String} προαιρετική, μια σύνδεση με τη μέθοδο function(done) {} εκτελείται όταν κάνετε κλικ στο τελευταίο κουμπί
remove {Boolean} προαιρετική, όταν true τότε το συστατικό θα αφαιρεθεί μετά από κλείσιμο (προεπιλεγμένο: false)
Το closebutton {Boolean} εμφανίζει το κουμπί κοντά στην δεξιά κορυφή (προεπιλεγμένο: false)
Το μέγιστο εύρος width {Number} (προεπιλεγμένο: 400)
Υψηλότητα height {Number} (προεπιλεγμένη τιμή: 300)
NEW: delay {Number} μια καθυστέρηση για το κουμπί next μεταξύ των κλικ
NEW: nexticon {String} ένα δοκιμασμένο εικονίδιο (επιλογή: ti ti-chevron-right)
NEW: doneicon {String} ένα δοκιμασμένο εικονίδιο (επιλογή: ti ti-check-circle)

Καλό να ξέρεις:

Κάθε κουμπί με name="next" θα χρησιμοποιηθεί ως κουμπιά next
Κάθε κουμπί με name="close" θα χρησιμοποιηθεί ως κουμπιά close
Μια σύνδεση με την κατηγορία next παρέχεται θα χρησιμοποιηθεί ως κουμπί next
Μια σύνδεση με την κατηγορία close παρέχεται θα χρησιμοποιηθεί ως κουμπί close

Χρησιμοποιήστε το με <ui-component name="intro">Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση DEF.fallback (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, 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>