Question

111

Execute jQuery function after page refresh

rated 0 times [ 118] [ 7] / answers: 1 / hits: 17661 / 8 Years ago, sun, august 7, 2016, 12:00:00

I did a function where I checked if the window has been resized and an element is visible in order to change some classes and add a little bit of css .The problem is if I refresh the page the changes are reverted . Here is a snippet of my code :

$(document).ready(function() {



 $(window).resize(function() {

   if(isMenuVisible() == true){

     $('#my-nav').removeClass('navbar-fixed-bottom');

     $('#my-nav').addClass('navbar-fixed-top');

     $('body').css('padding-top', '50px');

      } else{

      $('#my-nav').removeClass('navbar-fixed-top');

      $('#my-nav').addClass('navbar-fixed-bottom');

      $('body').css('padding-top', '0');  

   }

 }) ;

});

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jazminkyrap

Add To Favorites

Follow

Total Points: 631

Total Questions: 89

Total Answers: 109

Location: Finland

Member since Fri, Oct 21, 2022

2 Years ago

jazminkyrap questions

1 How to fix error: Fontconfig error: Cannot load default config file

Sat, Apr 17, 21, 00:00, 3 Years ago

1 How to return an attribute of clicked element in react?

Sun, Jul 5, 20, 00:00, 4 Years ago

1 why do I got Uncaught TypeError: response.text is not a function error when try to assignt body received as text to a variable in javascript

Sat, May 16, 20, 00:00, 4 Years ago

1 Error This line has a length of 182. Maximum allowed is 100 max-len

Thu, Apr 16, 20, 00:00, 4 Years ago

1 Selecting an html node's text content with htmlparser2 in Node.js

Mon, May 27, 19, 00:00, 5 Years ago

View All

answered 8 Years ago everett · Accepted Answer

$(document).ready(function() {  

  

 function resizeChanges(){

    if(isMenuVisible() == true){

       $('#my-nav').removeClass('navbar-fixed-bottom');

       $('#my-nav').addClass('navbar-fixed-top');

       $('body').css('padding-top', '50px');

     }else{

       $('#my-nav').removeClass('navbar-fixed-top');

       $('#my-nav').addClass('navbar-fixed-bottom');

       $('body').css('padding-top', '0');  

     }   

 }

 

 $(window).resize(resizeChanges);

 

 resizeChanges();

});

This way you define a separate function to make your changes, you add the event listener to trigger it but also you call that function itself after the load/refresh.