jQuery - Ne faites qu'une seule fois

Question

Je veux vérifier si un élément a la classe .Active, s'il ajoute: margin-top: 4px;

Cependant, je veux seulement que cela se produise fois, lorsque la page se charge, une fois la classe a été détectée, je ne veux pas le détecter à nouveau et ajouter le style CSS.

Cette classe est appliquée lorsque certains éléments sont survolés.

Est-ce possible dans jQuery?

Answer 1

Découvrez l'événement one. exemple Documenté:

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

Answer 2

Cela ouvrira une fois à la page charge

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

Answer 3

La façon dont je fais habituellement c'est:

(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 cette façon, je:

• fonction réutilisable
• éléments traités sont marqués et ne seront pas traitées la prochaine fois que la fonction est appelée
• éléments sont traités dans le contexte que, si cela est spécifié (par exemple, le code HTML retourné par une requête AJAX)

Hope this aide)