ForgeComponents
el

Components

j-Exec

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

Το στοιχείο εκτελεί μια μέθοδο όταν ο χρήστης κάνει κλικ στο ίδιο στοιχείο με την τάξη exec, exec2, ή exec3.

Ετικέτες:

  • Τα στοιχεία μπορούν να περιέχουν το χαρακτηριστικό data-exec με ένα όνομα μέσου που θα εκτελεστεί όταν ο χρήστης κάνει κλικ στο στοιχείο.
  • Τα στοιχεία μπορούν να περιέχουν το χαρακτηριστικό data-href και το συστατικό εκτελεί το REDIRECT().

ΙΔΙΟΤΗΤΑ:

  • Το data-exec="METHOD_NAME" εκτελεί μια μέθοδο όταν ο χρήστης κάνει κλικ (υποστηρίζει τις κλήσεις plugin μέσω του χαρακτήρα ?)
  • Το data-prevent="true" εμποδίζει την συνέχιση του γεγονότος click
  • data-href="URL" ΠΡΟΣΦΟΡΑ REDIRECT()

Τα χαρακτηριστικά του διπλού κλικ:

  • Το data-exec2="METHOD_NAME" εκτελεί μια μέθοδο όταν ο χρήστης κάνει κλικ (υποστηρίζει τις κλήσεις plugin μέσω του χαρακτήρα ?)
  • Το data-prevent2="true" εμποδίζει την συνέχιση του γεγονότος click
  • data-href2="URL" ΠΡΟΣΦΟΡΑ REDIRECT()

Τα χαρακτηριστικά του μενού συνδέσμου:

  • Το data-exec3="METHOD_NAME" εκτελεί μια μέθοδο όταν ο χρήστης κάνει κλικ (υποστηρίζει τις κλήσεις plugin μέσω του χαρακτήρα ?)
  • data-href3="URL" ΠΡΟΣΦΟΡΑ REDIRECT()

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

  • Το στοιχείο εκτελεί μια στοχευμένη λειτουργία στη μορφή function(element, event)
  • data-exec=, data-exec2=, data-exec3= μπορεί να περιέχει @METHOD_NAME το οποίο θα εκτελεστεί στις τρέχουσες κλήσεις συνιστώσματος component/METHOD_NAME(element, e)

Νέο: Επέκταση:

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;

	}

});

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

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>