call jquery document.ready function inside another jquery or javascript function

Question

I am facing one problem I am trying to call document.ready() function inside another JavaScript function but when I am calling it, it says "function is not defined

Here is my code : this is first function that is document.ready() function

$(document).ready(function ExpandMessageBox() {// this is my document.ready function. I have given the name of it as "ExpandMessageBox"}

this is another regular JavaScript function in which I am trying to call above function

function ShowMessageBox() {
    ExpandMessageBox();}

But this is giving me an error as : "Uncaught ReferenceError: ExpandMessageBox is not defined"

Where I am doing wrong... Please Help

Tons of thanks in advance

u will have to define ExpandMessageBox outside the function scope of the ready() function for it to be accessible by the ther function — Sajjan Sarkar
– Sajjan Sarkar, Commented Jul 28, 2017 at 11:28

MysterX · Accepted Answer · 2017-07-28 11:28:34Z

2

You need to define ExpandMessageBox function in the common scope. Something like this:

function ExpandMessageBox() {
  //your staff
}
function ShowMessageBox() {
  ExpandMessageBox();
}
$(document).ready(ExpandMessageBox);

answered Jul 28, 2017 at 11:28

MysterX

2,3781 gold badge14 silver badges12 bronze badges

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

7 Comments

Devdan Gaikwad Over a year ago

I am calling $('div.Messageheader').click(function()), for that I have to put this code inside $(document).ready() function.... If I removed the $(document).ready() then, the click event of div not firing

MysterX Over a year ago

So what a problem to put $('div.Messageheader').click(function()) instead of my code comment //your staff to achieve what you want? Or what am I missed?

Devdan Gaikwad Over a year ago

yes...initially I did this only... but the click even does not fire.. So I searched for that...and I found that.. this code should be inside of $(document).ready(); function.

MysterX Over a year ago

if you need just call click event on that element, you can $('div.Messageheader').trigger('click')

Devdan Gaikwad Over a year ago

Can you please explain me how to use this??? I Mean how "$('div.Messageheader').trigger('click')" will call the function??? should I write the "onclick" event for that div???

|

Collectives™ on Stack Overflow

call jquery document.ready function inside another jquery or javascript function

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related