j-Exec

jComponent 20 · jcomponent@20 component Példa betöltve a jComponent 20-szal

A komponens egy módszert hajt végre, amikor a felhasználó ugyanazt az elemet kattintva a exec, exec2, vagy exec3 osztály.

Elemek:

Az Elemek tartalmaznak egy data-exec attribútumot, amelynek módszertan neve fut, amikor a felhasználó rákattint az elemre.
Az elemek tartalmaznak a data-href attribútumot, és az összetevő REDIRECT()-et eredményez.

Attribútumok:

A data-exec="METHOD_NAME" egy módszert hajt végre, amikor a felhasználó kattint (a plugin hívásokat támogatja a ? karakteren keresztül)
A data-prevent="true" megakadályozza a folytatást a click eseményen
data-href="URL" teljesítmények REDIRECT()

A kettős kattintás tulajdonságai:

A data-exec2="METHOD_NAME" egy módszert hajt végre, amikor a felhasználó kattint (a plugin hívásokat támogatja a ? karakteren keresztül)
A data-prevent2="true" megakadályozza a folytatást a click eseményen
data-href2="URL" teljesítmények REDIRECT()

A kontextus menü jellemzői:

A data-exec3="METHOD_NAME" egy módszert hajt végre, amikor a felhasználó kattint (a plugin hívásokat támogatja a ? karakteren keresztül)
data-href3="URL" teljesítmények REDIRECT()

Jó tudni:

a komponens célfunkciót hajt végre a function(element, event) formában
data-exec=, data-exec2=, data-exec3= tartalmazhat @METHOD_NAME, amely fut a jelenlegi komponens plugin hívások component/METHOD_NAME(element, e)

Címke: kiterjesztés:

SETTER('exec/register', function(exec, el, e, type) {

	// @exec {String} a value from data-exec
	// @el {jQuery element}
	// @e {Event}
	// @type {String} empty '': click, '2': double-click '3': context menu
	// registers a new extension

	if (exec.charAt(0) === '/') {

		EXEC('customplugin/' + exec.substring(1), el, e);

		// "return true" stops the next processing of Exec
		return true;

	}

});

Használja a <ui-component name="exec">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.

example.html

<ui-component name="exec"></ui-component>
<a href="javascript:void(0)" class="exec" data-exec="myClick">1</a>
<a href="javascript:void(0)" class="exec" data-exec="myClick">2</a>
<p class="exec" data-exec="myClick">3</p>
<span class="exec" data-exec="myClick">4</span>
<div class="exec" data-exec="myClick">5</div>

<script>
	function myClick(el) {
        alert('CLICK: ' + el.html());
    }
</script>