j-Selected

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

Το συστατικό μπορεί να ρυθμίσει μια συγκεκριμένη κατηγορία σε ένα συγκεκριμένο στοιχείο σύμφωνα με την απλή κατάσταση.

ΕΠΙΤΡΟΦΗ:

class {String} είναι ένα όνομα τάξης για το επιλεγμένο στοιχείο (προεπιλογή: selected)
Το selector {String} είναι ένας επιλεκτής jQuery (προεπιλεγμένο: a)
Το χαρακτηριστικό attr {String} για σύγκριση (προεπιλεγμένο: if και σημαίνει data-if)
attror {String} χαρακτηριστικό για δευτερογενή σύγκριση (προεπιλογή: or και σημαίνει data-or)
datasource {String} μια διαδρομή προς την πηγή δεδομένων για τη λίστα των στοιχείων
delay {Number} μια καθυστέρηση για την επιλογή της τιμής (προεπιλεγμένη: 50)

Χρήση:

Κάθε στοιχείο που είναι κατεστραμμένο σύμφωνα με το selector πρέπει να έχει καθορισμένο χαρακτηριστικό data-if και λειτουργεί μόνο με τιμές strings.

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

example.html

<style>
	.selected { font-weight: bold; }
	nav a { display: block; }
</style>

<nav>
	<ui-component name="selected" path="common.page">
		<a href="#users" data-if="users">Users</a>
		<a href="#products" data-if="products">Products</a>
		<a href="#settings" data-if="settings">Settings</a>
	</ui-component>
</nav>

<script>

	SET('common.page', 'products');

	window.onhashchange = function() {
		SET('common.page', location.hash.substring(1));
	};

</script>