jquery function one per load/refresh

Question

 $(".avatar-box1").mouseleave(function(){
        $( ".avatar-box1" ).effect( "bounce", "slow" );

    });

hello i need to run this effect only once per load/refresh the page. Grateful for any advice

Answer 1

You should use jQuery .one()

 $(".avatar-box1").one("mouseleave", function(){
    $( ".avatar-box1" ).effect( "bounce", "slow" );
 });