Jednorazowe zdarzenie w jQuery

Gdy studiowaliśmy odwiązywanie zdarzeń za pomocą metody off, używaliśmy następującej konstrukcji:

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

Najpierw dołączaliśmy funkcję-obsługę za pomocą on, następnie odwiązywaliśmy za pomocą off.

W jQuery istnieje wygodna metoda one, która pozwala powiązać jednorazowe zdarzenie - wykona się ono tylko raz, a następnie automatycznie odwiąże. Ta metoda jako pierwszy parametr przyjmuje typ zdarzenia, a jako drugi - dołączoną funkcję.

Następujący przykład rozważymy na podstawie poniższego kodu HTML:

html<ul>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

Kod CSS wygląda tak:

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

Teraz do każdego li dołączamy jednorazowe zdarzenie:

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

Kliknij na punkty listy. Jak widzisz, otrzymaliśmy ten sam efekt, dzięki metodzie one.