jQuery - Do only once

Question

I want to check if an element has the class .active, if it does add: margin-top: 4px;

However I only want this to occur once, when the page loads, once the class has been detected dont detect it again and add the CSS style.

This is class is applied when certain elements are hovered over.

Is this possible in jQuery?

Answer 1

Check out the one event. Documented example:

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

Answer 2

This will fire once on page load

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