在jqueryui1.8.19中,发现它没有使用原来1.8.17里边那个巨大的260K的单个js,而是把各种JS散开放了,有效地防止了JS下载的带宽。
不过放错顺序,会出现各种错误,不一而足,比如标题括号中的那个位置就经常出做,自己测试及上网搜索了一下,找到个现在可用的顺序,供大家参考。
jquery本身必须放在第一位:
<script src="../../../Scripts/Jquery1.7.2/jquery-1.7.2.js" type="text/javascript"></script>
core必须放在所有ui之前:
<script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.ui.core.js" type="text/javascript"></script>
widget必须放在剩下.ui....之前: <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.ui.widget.js" type="text/javascript"></script> mouse必须放在剩下的.ui...之前,这个试验了半天没发现,在google上找到的:
<script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.ui.mouse.js" type="text/javascript"></script>
下面的不强制,按字母顺序放就行,当然可以删除多余的:
<script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.ui.accordion.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.ui.autocomplete.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.ui.button.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.ui.datepicker.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.ui.dialog.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.ui.draggable.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.ui.droppable.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.ui.position.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.ui.progressbar.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.ui.resizable.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.ui.selectable.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.ui.slider.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.ui.sortable.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.ui.tabs.js" type="text/javascript"></script>
effects.core必须放置在所有剩下的.effects..之前:
<script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.core.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.blind.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.bounce.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.clip.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.drop.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.explode.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.fade.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.fold.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.highlight.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.pulsate.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.scale.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.shake.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.slide.js" type="text/javascript"></script> <script src="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.transfer.js" type="text/javascript"></script>