Javascript - Run function after another function runs on load?

Question

I'm using scrollsaver.js (http://en.hasheminezhad.com/scrollsaver) to maintain scroll positions of elements on postback. There are instances where I wish to reset scroll position though, and I am having trouble doing so.

Paging through a list, I wish to scroll to the top on each page change. I do this by registering a call to resetGridScroll (below) in the paging handler.

scrollsaver.js ties to the page load event. When I do the same, my function runs before scrollsaver.js loads positions. Is there a way to force mine to run after page load?

function resetGridScroll() {
    $(document).ready(function () {
        $("div.items").animate({ scrollTop: 0, easing: 'swing', queue: false }, 15000);
    });
}

EDIT: I ended up clearing the cookie scrollsaver.js sets to store scroll positions. It gets cleared before the script loads so all positions are reset. Not elegant, but workable.

Nicola Peluchetti · Accepted Answer · 2011-12-06 13:40:22Z

2

If you need to load an external js script and execute code afer it you could use $.getScript() and put the code in the callback:

$.getScript("scrollsaver.js", function(){
    //code to execute after the script has loaded here
});

answered Dec 6, 2011 at 13:40

Nicola Peluchetti

76.9k32 gold badges150 silver badges197 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Manse · Accepted Answer · 2011-11-29 17:30:14Z

0

Put the function that calls the resetGridScroll() within :

$(document).ready(function () {
 //here
});

Not your function being called for example :

$(document).ready(function () {
   resetGridScroll();
});


function resetGridScroll() {
    $("div.items").scrollType(0);
    $("div.items").animate({ scrollTop: 0, easing: 'swing', queue: false }, 15000);
}

answered Nov 29, 2011 at 17:30

Manse

38.1k11 gold badges88 silver badges112 bronze badges

4 Comments

Orange Kid Over a year ago

That still runs before scrollsaver.js does its thing. Also, I'm unclear as to the difference between .ready(innerFunction()) and outerFunction(.ready(innerFunction())). I'm using outerFunction to call the reset only when I need it.

Manse Over a year ago

the ready() function in jQuery is actually an event - its an event thats triggered the DOM has loaded - you cannot put it within a function and call it the way you were..... if your script is running too early you need to attach it to an even that the other script triggers ? if there is one ? or call the method that init's the other script first then call this method ... if you include some more details in your question it might help - ie how you call the other function

Matthew Over a year ago

Perhaps there is a callback available for onload in scrollsaver that you can use. Or you can always write one in.

Nicola Peluchetti Over a year ago

@Matt Maybe you can call a callback after the script has loaded

Collectives™ on Stack Overflow

Javascript - Run function after another function runs on load?

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related