Quel est le meilleur moyen de charger les propriétés JS orientées objet dépendant de la page?

Question

j'ai et scripts JS externes fichier avec tous mes objets qui fonctionne une fois que le document est prêt quelque chose comme ça ...

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

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

    Main.run(); 
}); 

Je veux être en mesure d'exécuter myFunction.setup() que si im sur une certaine page sinon j'obtiens des erreurs si cette méthode cherche des éléments sur la page qui n'existent pas par exemple un diaporama, des menus etc.

En ce moment j'ai contourné ceci en vérifiant si l'élément existe avec. longueur et si cela fonctionne alors le reste de la méthode, mais je me demandais s'il y avait une meilleure façon? Peut-être comme s'il était possible d'envoyer des variables au fichier de scripts lorsqu'il se charge en fonction de la page im on afin qu'il sache ce que les méthodes exécutent?

Toute aide serait vraiment appréciée.

Merci

Giles

Answer 1

Paul Irish a un excellent moyen de faire exactement cela, en utilisant ID et les classes de l'étiquette de corps pour exécuter certains blocs de code:

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

Answer 2

Cette genre de chose pourrait aider:

Page spécifique

var page_config = { 
    setup_allowed: true 
    // ... more config 
}; 

Générique

var Main, 
    myFunction; 

(function ($, _config) { 
    myFunction = (function() { 
     var _public = {}; 
     if (_config.setup_allowed === true) { 
      _public.setup = function() { 

      }; 
     } 
     return _public; 
    })(); 

    Main = (function() { 
     var _public = {}; 
     if (typeof myFunction.setup !== "undefined") { 
      _public.run = function() { 
       myFunction.setup(); 
      }; 
      // Run it as we had Main.run() before 
      _public.run(); 
     } 
     return _public; 
    })(); 

})(jQuery, page_config); 

De cette façon Main.run() et myFunction.setup() ne sont disponibles que si cela est spécifié dans page_config.

Voici un working example avec lequel vous pouvez jouer. Cela peut être un peu verbeux pour votre exigence particulière, mais j'espère que cela aidera d'une certaine manière :-)