I'm trying to execute a jQuery function twice. Once when the DOM is ready, and then again when the page loads. Most of the time the second call isn't necessary, but every once in a while it is. Here is my code:

$(document).ready(function() {
    function someFunction() {
        alert('function plete');
    }
});

$(window).load(function() {
    someFunction();
});​

What am I doing wrong?

I'm trying to execute a jQuery function twice. Once when the DOM is ready, and then again when the page loads. Most of the time the second call isn't necessary, but every once in a while it is. Here is my code:

$(document).ready(function() {
    function someFunction() {
        alert('function plete');
    }
});

$(window).load(function() {
    someFunction();
});​

What am I doing wrong?

• javascript
• jquery
• function

• As said, it's a scope thing, but you could basically just move your .load() event binding into the DOM Ready callback function and add another call to someFunction() directly :) – jave.web Commented Jun 5, 2019 at 15:14

3 Answers 3

you are defining someFunction in the function you pass to $(document).ready()...the scope of the function should be outside it... try this:

function someFunction() {
    alert('function plete');
}

$(document).ready(someFunction);
$(window).load(someFunction);​

Try this instead:

function someFunction() {
    alert('function plete');
}

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

$(window).load(function() {
    someFunction();
});

someFunction is not accessible within the $(window).load because it's scope is limited to the document.ready. Take it out of the document.ready and put it in the global context.

function someFunction() {
        alert('function plete');
}

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

$(window).load(function() {
    someFunction();
});​