在jQuery Mobile网站中是否可以将jQuery和jQuery Mobile库保持在底部？

Question

In jquery mobile website there 3 things to add.

1 css file

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css" />

JQuery Library

<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>

jQuery Mobile Library

<script src="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.js"></script>

My question is , is it ok to use js libraries at bottom just before . Becuase it will improve the loading speed. jQuery adds css throught javascript classes

Answer 1

As long as the main body doesn't require the use of the libraries, yes it all right to put your js libraries at the bottom. In fact it's a common practice to that, so that the main body is ready to play with instead of using $(document).ready( function () { /* code */ ) ); .

Answer 2

Simplest approach is probably just to test it. However, in an app of mine that uses jQM version 1.0a4, placing the jQM Javascript and CSS files right at the end of the mark-up was fine. The docs advise that you place your custom $.mobile calls before referencing the jQM Javascript source anyway:

Because the mobileinit event is triggered immediately upon execution, you'll need to bind your event handler before jQuery Mobile is loaded. Thus, we recommend linking to your JavaScript files in the following order:

<script src="jquery.js"></script>
<script src="custom-scripting.js"></script>
<script src="jquery-mobile.js"></script>

http://jquerymobile.com/demos/1.0b3/docs/api/globalconfig.html