jQuery - Nur einmal tun

Question

Ich möchte überprüfen, ob ein Element die Klasse .active hat, wenn es hinzufügen: margin-top: 4px;

Allerdings möchte ich nur dies einmal auftreten, wenn die Seite geladen wird, sobald die Klasse erkannt wurde möchte ich nicht wieder erkennen und den CSS-Stil hinzufügen.

Diese Klasse wird angewendet, wenn bestimmte Elemente über den Cursor gezogen werden.

Ist dies in jQuery möglich?

Answer 1

Überprüfen Sie die one Veranstaltung. Dokumentiertes Beispiel:

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

Answer 2

Diese wird ausgelöst, wenn beim Laden der Seite

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

Answer 3

So wie ich in der Regel dies zu tun ist:

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

Auf diese Weise habe ich:

• wiederverwendbare Funktion
• verarbeiteten Elemente sind markiert und werden beim nächsten Mal nicht verarbeitet werden die Funktion aufgerufen wird
• Elemente im Rahmen verarbeitet werden, nur, wenn angegeben (zB HTML-Code über eine AJAX-Anforderung zurückgegeben)

Hope this hilft)