您的位置：首页 > Web前端 > JQuery

jqueryui 1.8.19引用顺序（及var basePrototype = new base()错误）

2014-03-08 20:19 423 查看

From：火星人陈勇的博客

在jqueryui1.8.19中，发现它没有使用原来1.8.17里边那个巨大的260K的单个js，而是把各种JS散开放了，有效地防止了JS下载的带宽。

不过放错顺序，会出现各种错误，不一而足，比如标题括号中的那个位置就经常出做，自己测试及上网搜索了一下，找到个现在可用的顺序，供大家参考。

（在搜索过程中发现有人1.4.X就开始用分离的多个小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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jqueryui widget js jquery javascript

相关文章推荐

新的分享

章节导航