jQuery - Yalnızca bir kez

Question

yapın Bir elemanın eklenmesi durumunda, sınıfın etkin olup olmadığını kontrol etmek istiyorum: margin-top: 4px;

Ancak, yalnızca bu sayfa numaralı sayfada oluşmasını istiyorum, sayfa yüklendiğinde, sınıf algılandıktan sonra tekrar algılayıp CSS stilini eklemek istemiyorum.

Bu sınıf, belirli öğeler üzerinde gezinildiğinde uygulanır.

JQuery'de bu mümkün mü?

Answer 1

one olayına göz atın. Documented örnek:

$('#foo').one('click', function() { 
    alert('This will be displayed only once.'); 
}); 

Answer 2

Bu sayfa yük

$(function(){ 
    if ($("#elementid").hasClass("active")) 
    { 
     $("#elementid").css("margin-top", "4px"); 
    } 
}); 

Answer 3

Bunu genelde yolu üzerinde bir kez ateş edeceği geçerli:

(function($) { 

    // my custom function to process elements 
    function myProcessFunction(context) { 

    // get context  
    context = context || document; 

    // select elements within the context, filter out already processed ones 
    // loop through remained (unprocessed) elements 
    // '.my-class' - selector for the elements I want to process 
    $('.my-class:not(.my-class-processed)', context).each(function(i.e){ 

     // mark the element as processed 
     $(e).addClass('my-class-processed'); 

     // add process code here 

    }); 
    } 

    // run myProcessFunction on document.ready 
    $(document).ready(function(){ 
    myProcessFunction(); 
    }); 

})(jQuery); 

Bu şekilde ben:

• yeniden kullanılabilir işlev
• işlenmiş elemanlar işaretlenir ve fonksiyon
• elemanları belirtilmişse yalnızca (örneğin, HTML kodunu bir AJAX isteği üzerinden döndürülen) bağlamında

Umut bu içinde işlenir denir dahaki işleme konmayacaktır yardımcı olur