jQuery File upload, Uncaught TypeError: Object function ... ... has no method 'widget'
来源:互联网 发布:淘宝卖家电脑客户端 编辑:程序博客网 时间:2024/06/05 06:19
本周在做一个文件上传的模块,用的是jQuery File upload 这个插件,需要引用的js如下:
<script type="text/javascript" src="js/lib/jquery/jquery-2.0.0.js"></script><script type="text/javascript" src="js/lib/jquery/jquery.iframe-transport.js"></script><script type="text/javascript" src="js/lib/jquery/jquery.fileupload.js"></script><script type="text/javascript" src="js/lib/jquery/jquery.ui.widget.js"></script>
Uncaught TypeError: Object function ( selector, context ) {// The jQuery object is actually just the init constructor 'enhanced'return new jQuery.fn.init( selector, context, rootjQuery );} has no method 'widget'
绞尽脑汁也想不出为什么报错,因为代码什么的都是照搬网上的。。。
后来再仔细看了看官网的DEMO源码,看到这几个js引用的顺序,似乎有点启发了,会不会是引用的顺序错了,导致后面要用的widget的时候还没加载出来?尝试调换一下这几个js的顺序,来做个测试:
1.把jquery.ui.widget.js放在jquery.fileupload.js的前面
<script type="text/javascript" src="js/lib/jquery/jquery-2.0.0.js"></script><script type="text/javascript" src="js/lib/jquery/jquery.iframe-transport.js"></script><script type="text/javascript" src="js/lib/jquery/jquery.ui.widget.js"></script><script type="text/javascript" src="js/lib/jquery/jquery.fileupload.js"></script>
结果就不报错了。
2.把jquery.ui.widget.js放在jquery.iframe-transport.js的前面:
<script type="text/javascript" src="js/lib/jquery/jquery-2.0.0.js"></script><script type="text/javascript" src="js/lib/jquery/jquery.ui.widget.js"></script><script type="text/javascript" src="js/lib/jquery/jquery.iframe-transport.js"></script><script type="text/javascript" src="js/lib/jquery/jquery.fileupload.js"></script>正常,不报错。
3.把jquery.ui.widget.js放在jquery-2.0.0.js的前面:
<script type="text/javascript" src="js/lib/jquery/jquery.ui.widget.js"></script><script type="text/javascript" src="js/lib/jquery/jquery-2.0.0.js"></script><script type="text/javascript" src="js/lib/jquery/jquery.iframe-transport.js"></script><script type="text/javascript" src="js/lib/jquery/jquery.fileupload.js"></script>提示 Uncaught ReferenceError: jQuery is not defined这个好理解,毕竟jquery-2.0.0.js才是他们几个js的基础嘛。
总结:这里就发现了javascript和java的区别之一,java中只要引用就行,先后顺序无所谓;而javascript却讲究个先后顺序,得先做好前一步的准备才能进行下一步。
0 0
- jQuery File upload, Uncaught TypeError: Object function ... ... has no method 'widget'
- jquery: Uncaught TypeError: Object [object Object] has no method 'live'
- jquery file upload报错 TypeError: Object [object Object] has no method 'progressbar'
- Uncaught TypeError: Object [object Object] has no method 'live'
- Uncaught TypeError: Object [object Object] has no method 'xxx'
- Uncaught TypeError: Object [object Object] has no method 'highcharts'
- jquery dialog异常 Uncaught TypeError: Object [object Object] has no method 'dialog'
- 当使用JQuery的"$",抛异常Uncaught TypeError: Object #<Object> has no method 'ajax'
- Uncaught TypeError: Object #<Object> has no method 'addEvents'
- Uncaught TypeError: Object #<Object> has no method 'addEvents'
- ztree “Uncaught TypeError: Object # has no method 'toLowerCase'”
- Uncaught TypeError: Object #<HTMLDivElement> has no method 'attr'
- Uncaught TypeError: Object #<Document> has no method 'load'
- Uncaught TypeError: Object #<HTMLCollection> has no method 'toLowerCase'问题
- [Android] Web Console: Uncaught TypeError: Object [object Object] has no method 'xxx'
- sencha touch中出现JS错误Uncaught TypeError: Object [object Object] has no method 'getForm'
- Uncaught TypeError: Object [object Object] has no method 'live' 报错
- 安卓WebView报错:android uncaught typeerror object object object has no method
- 二叉树
- UTF-8编码规则(转)
- 第四课:Android Handler消息传递机制
- MyEclipse开发Struts可视化配置示例
- guava Function
- jQuery File upload, Uncaught TypeError: Object function ... ... has no method 'widget'
- HDU 4793 Collision + HDU 4798 Skycity 简单几何
- 畅通工程续(最短路)
- 注释的风格 摘自《代码大全》
- Win7引导Ubuntu14.04,安装双系统
- 如何修改tomcat内存大小
- IOS打电话的3种方法
- U盘安装Ubuntu14.04
- Java 运行时监控,第 2 部分: 编译后插装和性能监控