Question

I have a 2000 line jquery file, I just broke up the file into smaller ones, If I have a function in the first file, that file # 2 is referring to, it’s coming up undefined.

Every file is is wrapped in a jquery ready function, What’s the best way to do this?

Answer 1

Function definition should not be wrapped in another function. Not unless you really want that function definition to be private. And if I understand correctly that’s not your intention.

Only wrap function invocation in the jQuery ready function.

If you’re worried about your functions clashing with third party function names then namespace them:

var myFunctions = {}
myFunctions.doThis = function () {}
myFunctions.doThat = function () {}

But really, you only need to worry about this if you’re creating a mashup or library for others to use. On your own site YOU have control of what gets included in javascript.