jQuery'de Tek Seferlik Olay

off metoduyla olayları kaldırmayı incelerken aşağıdaki yapıyı kullanmıştık:

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

Önce on ile bir işleyici fonksiyon ekliyorduk, sonra da off ile kaldırıyorduk.

jQuery'de kullanışlı bir one metodu bulunur - bu metod, yalnızca bir kez tetiklenecek ve ardından otomatik olarak kaldırılacak tek seferlik bir olay eklemenizi sağlar. Bu metod ilk parametre olarak olay türünü, ikinci parametre olarak da eklenen fonksiyonu alır.

Bir sonraki örneği aşağıdaki HTML koduna dayanarak inceleyeceğiz:

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

CSS kodu şu şekilde:

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

Şimdi her bir li'ye tek seferlik bir olay ekliyoruz:

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

Liste öğelerine tıklayın. Gördüğünüz gibi, one metodu sayesinde aynı etkiyi elde ettik.