包含jquery文件的正确顺序是什么？

Question

Today i wanted to add datepicker() to my page.So I downloaded jqueryui and added then in the sequence below.

<script type="text/javascript" src="js/jquery.js"></script>
<script src="js/superfish.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/retina.min.js"></script>
<script src="assets/validate.js"></script>
<script src="js/jquery.placeholder.js"></script>
<script src="js/functions.js"></script>
<script src="js/wizard_func.js"></script>
<script src="check_radio/jquery.icheck.js"></script>
<script type="text/javascript" src="js/navi_artstyle.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/mapmarker.jquery.js"></script>
<script type="text/javascript" src="js/mapmarker_func.jquery.js"></script>

It didn't work. It took me whole day to figure out what is wrong. it was the SEQUENCE of js files included!!! To work my code i had to include them like bellow.(" jquery.js " position had to change)

    <script src="js/superfish.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/retina.min.js"></script>
    <script src="assets/validate.js"></script>
    <script src="js/jquery.placeholder.js"></script>
    <script src="js/functions.js"></script>
    <script src="js/wizard_func.js"></script>
    <script src="check_radio/jquery.icheck.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/navi_artstyle.js"></script>
    <script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="js/mapmarker.jquery.js"></script>
    <script type="text/javascript" src="js/mapmarker_func.jquery.js"></script>

Can some one explain this please. Please give me a Source so I wont make this mistake again.

Answer 1

1. Normal jQuery (core)
2. jQuery migrate if you have
3. jQuery UI
4. jQuery mobile
5. Scripts that need jQuery / scripts that are jQuery plugins
6. Other scripts like bootstrap
7. You own scripts depending which is needed first

Answer 2

首先，您必须包含普通的jQuery库。此后，您必须包含其他jquery库，例如jquery ui和jquery mobile，最后必须包含自己的javascript文件。

Answer 3

As mentioned in comments you have to mention the scripts in the order you use that.

Simply anything used Jquery will goes after jQuery, anything that depends on jQuery UI goes after jQuery UI etc.