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

简介:

 在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..之前:
<scriptsrc="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.core.js"type="text/javascript"></script><scriptsrc="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.blind.js"type="text/javascript"></script><scriptsrc="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.bounce.js"type="text/javascript"></script><scriptsrc="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.clip.js"type="text/javascript"></script><scriptsrc="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.drop.js"type="text/javascript"></script><scriptsrc="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.explode.js"type="text/javascript"></script><scriptsrc="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.fade.js"type="text/javascript"></script><scriptsrc="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.fold.js"type="text/javascript"></script><scriptsrc="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.highlight.js"type="text/javascript"></script><scriptsrc="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.pulsate.js"type="text/javascript"></script><scriptsrc="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.scale.js"type="text/javascript"></script><scriptsrc="../../../Scripts/jquery-ui-1.8.19/ui/jquery.effects.shake.js"type="text/javascript"></script><scriptsrc="../../../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>


本文转自火星人陈勇 51CTO博客,原文链接:http://blog.51cto.com/cheny/1101590

相关文章
|
6月前
|
JavaScript 前端开发 API
【前端用法】jQuery在线引用地址(全)
【前端用法】jQuery在线引用地址(全)
972 0
|
5月前
|
JavaScript
官网jquery压缩版引用地址
官网jquery压缩版引用地址
|
JavaScript
Vue:简单使用像引用jQuery一样引用Vue
Vue:简单使用像引用jQuery一样引用Vue
70 0
Vue:简单使用像引用jQuery一样引用Vue
|
JavaScript
Vue:简单使用像引用jQuery一样引用Vue
Vue:简单使用像引用jQuery一样引用Vue
58 0
|
JavaScript
Vue:简单使用像引用jQuery一样引用Vue
Vue:简单使用像引用jQuery一样引用Vue
Vue:简单使用像引用jQuery一样引用Vue
|
前端开发 JavaScript
在 vue-cli 脚手架中引用 jQuery、bootstrap 以及使用 sass、less 编写 css [vue-cli配置入门]
写在前面: 本文是vue-手摸手教你使用vue-cli脚手架-详细步骤图文解析之后,又一篇关于vue-cli脚手架配置相关的文章,因为有些文章步骤不够清晰,当时我引入JQuery、bootstrap的时候颇费了一番功夫,所以本文的步骤会尽量详细一点。有需要的朋友可以做一下参考,喜欢的可以点波赞,或者关注一下,希望可以帮到大家。 引入bootstrap 1. 下载所需要的bootstrap文件。 将要使用的bootstrap文件放入src目录下的assets文件夹中。 2. 在入口文件src/main.js中引入bootstrap import './assets/bootstrap-3.3.7
239 0
在 vue-cli 脚手架中引用 jQuery、bootstrap 以及使用 sass、less 编写 css [vue-cli配置入门]
|
运维 JavaScript 前端开发
jQuery插件库常用前端库引用地址详细提供
jQuery插件库常用前端库引用地址详细提供
7886 6
jQuery插件库常用前端库引用地址详细提供
|
JavaScript 前端开发
JavaScript 技术篇-本地js文件里直接集成jQuery的方法,js文件不依赖html外部引用直接使用jquery方法
JavaScript 技术篇-本地js文件里直接集成jQuery的方法,js文件不依赖html外部引用直接使用jquery方法
159 0
JavaScript 技术篇-本地js文件里直接集成jQuery的方法,js文件不依赖html外部引用直接使用jquery方法