Error: function is not defined

Question

I have created a js file which has a function.
When I call that function on $(document).ready; it is not working.

I checked through firebug, It is calling the function but not going into the function.

Here is my JavaScript code:

function toggelEventButtons() {
 var invoiceVal = $('#Invoice_Id').val(); //It is a textbox Id of aspx Page.
 alert(invoiceVal);
 if (invoiceVal > 0) {
 $('#addEventInvoiceDetail').hide();
 $('#editEventInvoiceDetail').show();
 } else {
 $('#addEventInvoiceDetail').show();
 $('#editEventInvoiceDetail').hide();
 }
}

I call the function from an aspx page like this:

$(document).ready(toggelEventButtons);

• Barmar: Is the function definition at toplevel, or inside another function?
• Dhwani: It is independent. Not inside another function.
• David Hedlund: What do you mean by "it is calling function but not going into the function"?
• Artem Vyshniakov: Make sure that you included file with function before calling $(document).ready().
• Bojan Kovacevic: that function is on other js script? did you forget to include it?

Answer 1

Make sure that you included file with a function before calling $(document).ready().

• David Hedlund: Incidentally, since this was the problem, it means that the solution $(function() { toggelEventButtons(); }); would in fact have helped. It would not, perhaps, have been the neatest solution to the problem, though :)

Answer 2

make sure the functions are on the same scope. you can also try this syntax

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