What's the difference between using Drupal's jQuery library and adding it in html.tpl.php?

Question

I'm recoding one site (D7) where I stumbled upon statically added jquery (using a script tag inside html.tpl.php that pulls jquery library from google CDN). I installed "jQuery CDN" module that does the same and expected that when I loose statically added script tag everything would stay the same, but the menu and slider don't work (menu is implemented using some internal jsddmenu.js file, also slider using slides.jquery.js). What's the difference between those two implementations, when both of them add:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>

to the html code?

Answer 1

Its better to add javascript using your: a) theme's .info file using scripts[] = "some/filename.js" b) in the theme dynamically ... such as mytheme_node_view() { drupal_add_js('file', 'some/filename.js'); } c) or in a custom module ... (similar to above)

depending entirely on your site's needs.

the reason its better to approach this this way is: 1) the theme's scripts[] array is cacheable and will attach the javascript to every page. 2) dynamically attaching it allows the script to be used only when needed. 3) you don't force the client to load anything they don't need. 4) if its attached in one of the above ways, it can be minified if needed --- allowing the client to download one big javascript file instead of a dozen separate ones.

Answer 2

Why you should not add script in your tpl because Drupal has theme layer access and module layer access. It's for Drupal caching performance reason.

Have you read about how to work with Javascript & jQuery ?

http://drupal.org/node/171213

You can check this option to use Google CDN http://yourdrupal.site/admin/config/development/performance

If you need uptodate version you can install http://drupal.org/project/jquery_update

Answer 3

Its may related to lead and Lag of files, when you add script in tpl it will load after all scripts specified in head. jQuery in dependency for slider ...