Μοναδικό συμβάν στο jQuery

Όταν μελετούσαμε την αποδέσμευση συμβάντων με τη βοήθεια της μεθόδου off, χρησιμοποιούσαμε την ακόλουθη κατασκευή:

javascript$('li').on('click', function() {
  $(this).append('!');
  $(this).off('click', func);
});

Αρχικά προσαρτούσαμε τη συνάρτηση-χειριστή με τη βοήθεια του on, και στη συνέχεια την αποδεσμεύαμε με τη βοήθεια του off.

Στο jQuery υπάρχει μια βολική μέθοδος one, η οποία επιτρέπει τη δέσμευση ενός μοναδικού συμβάντος - θα εκτελεστεί μόνο μία φορά, και στη συνέχεια θα αποδεσμευτεί αυτόματα. Αυτή η μέθοδος δέχεται ως πρώτη παράμετρο τον τύπο του συμβάντος, και ως δεύτερη - τη συνάρτηση που πρόκειται να δεσμευτεί.

Το επόμενο παράδειγμα θα το εξετάσουμε βασισμένοι στον ακόλουθο κώδικα HTML:

html<ul>
  <li>κείμενο</li>
  <li>κείμενο</li>
  <li>κείμενο</li>
</ul>

Ο κώδικας CSS μοιάζει με αυτόν:

cssli {
  width: 100px;
  cursor: pointer;
}

Τώρα σε κάθε li δεσμεύουμε ένα μοναδικό συμβάν:

javascript$('li').one('click', function() {
  $(this).append('!');
});

Κάντε κλικ στα στοιχεία της λίστας. Όπως βλέπετε, πετύχαμε το ίδιο αποτέλεσμα, χάρη στη μέθοδο one.