Question

I have and external JS scripts file with all my objects in that runs once the document is ready something like this…

jQuery(function($) {
    var Main = {
        run: function () {
             myFunction.setup();
        }
    }

    var myFunction = {
        setup: function() {
            //Do some stuff here
        } 
    }

    Main.run();
});

I want to be able to run myFunction.setup() only if im on a certain page though otherwise I get errors if that method is looking for elements on the page that don’t exist e.g a slideshow, menus etc.

At the moment I have got round this by checking if the element exists with .length and if it does then running the rest of the method but I was wondering if there was a nicer way? Maybe like if it was possible to send variables to the scripts file when it loads based on the page im on so it knows what to methods run?

Any help would be really appreciated.

Thanks

Giles

Answer 1

Paul Irish has a great way of doing exactly this, using ID and classes from the body tag to execute certain blocks of code:

http://paulirish.com/2009/markup-based-unobtrusive-comprehensive-dom-ready-execution/