2010-08-17 7 views
0

Pour une application de taille moyenne avec une quantité moyenne de javascript (de la manière de jQuery), quelle est la meilleure façon de combiner le javascript en un seul fichier tout en évitant d'agir sur des éléments absents?Comment gérer les éléments absents dans jquery

Par exemple, étant donné le code html:

<html> 
    <head><title>Foobar</title></head> 
    <body> 
    <div id='foo'>Bar</div> 
    </body> 
</html> 

Et le javascript suivant

$(document).ready(function() { 
    // This will get bound 
    $('#foo').click(function() { alert('foobar'); }); 

    // This will not get bound 
    $('#bar').click(function() { alert('foobar'); }); 
}); 

Attribuées les deux liaisons ci-dessus sont relativement inoffensifs, mais des comportements complexes, vont tenter de se lier à l'absence éléments provoquent un coup de performance? Si oui, comment équilibrez-vous en gardant votre javascript dans un seul fichier (pour diminuer les requêtes http) avec un jQuery performant et performant?

Répondre

-1

Le coût de ne pas trouver un élément est fondamentalement le même que de le trouver.

Il est donc probable que cela n'entraîne pas de baisse des performances.

+0

Donc, la recherche inutile d'un grand nombre d'éléments sur la page quand ils ne sont pas présents sur cette page ne causera pas un coup de performance? –

Questions connexes