Question

I have a number of javascript plugins which are included in my HTML file, and are included successfully because I have checked.
Heres the problem;
Basically I want to create a function outside the HTML file, and then inside the HTML file load that particular function when the document is ready.

this is the function (outside) of the HTML file. As a stand alone JS file:

function do_anchor_scrolling() {
    $('#back_to_top').anchorScroll();
    $("#landing_link").anchorScroll();
    $("#menu_link").anchorScroll();
    $("#sauces_link").anchorScroll();
    $("#ranches_link").anchorScroll();
    $("#order_link").anchorScroll();
    $("#about_link").anchorScroll();
    $("#franchise_link").anchorScroll();
});

the function is called do_anchor_scrolling

How in JQuery can I say when the document is ready perform the do_anchor_scrolling function.

Answer 1

When the document is ready, call the function.

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