j-Exec
Το στοιχείο εκτελεί μια μέθοδο όταν ο χρήστης κάνει κλικ στο ίδιο στοιχείο με την τάξη 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 άδεια.
<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>