# j-Selected

> Az összetevő egy adott osztályt állíthat be egy adott elemre az egyszerű állapot szerint.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: hu
Content-SHA256: aa69e323154674319fc3fa4063750fc89b380a0b69627a3ae357060363007594
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Az összetevő egy adott osztályt állíthat be egy adott elemre az egyszerű állapot szerint.


__konfiguráció__:

- A `class {String}` egy kiválasztott elem osztálynév (default: `selected`)
- `selector {String}` egy jQuery kiválasztó (default: `a`)
- `attr {String}` attribútum összehasonlításhoz (első: `if` és azt jelenti, hogy `data-if`)
- `attror {String}` attribútum a másodlagos összehasonlításhoz (default: `or` és azt jelenti, hogy `data-or`)
- `datasource {String}` az adatforráshoz vezető út az elemek listájára
- `delay {Number}` a rel-választás késése (default: `50`)

__Használat__:

Minden egyes elem a `selector` Meg kell határozni `data-if` Ez csak működik, csak a `strings` Az értékek.

Használja a `<ui-component name="selected">`Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről `DEF.fallback` (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

```html 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>
```