jQuery - Haz solo una vez

Question

Quiero verificar si un elemento tiene la clase .active, si lo hace agrega: margin-top: 4px;

Sin embargo, solo quiero que esto ocurra una vez que, cuando la página se carga, una vez que se ha detectado la clase no quiero volver a detectarla y agregar el estilo CSS.

Esta clase se aplica cuando ciertos elementos están sobrevolados.

¿Esto es posible en jQuery?

Answer 1

Compruebe el evento one. ejemplo documentado:

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

Answer 2

Esto se disparará una vez en la página de carga

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

Answer 3

La manera en que yo suelo hacer esto es:

(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); 

De esta manera tengo:

• función reutilizable
• elementos procesados ​​están marcados y no serán procesadas próxima vez que la función se llama
• elementos se procesan en el contexto solamente, si se especifica (por ejemplo, el código HTML devuelto a través de una petición AJAX)

Esperanza esta ayuda)