Question

When creating functions for re-use, is it possible to create a function inside the:

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

block of code?

Answer 1

Yes, but they can’t be referenced outside of there, for example:

$(document).ready(function () {
  function myFunc() { }
  $(".class").click(myFunc);
  //or myFunc();
});

Is valid, where as this wouldn’t be:

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

Or the more common inline issue, where it can’t access the function as a result of scoping:

<button onclick="myFunc()">Something</button>