时间:2015-08-31 来源:

(十七)JQuery框架一定要在angularJS之前加载 【综合】

如果我们的web页面只引入angulrjs框架(不引入jQuery框架), ["myModule"]); }) </script> </head> <body> <div id="div1" ng-controller="ctrl_1"> <input id="btn" type="button" value="injector" ng-click="test();"></input> </div> </body> </html>

如果我们先加载jQuery后加载angular,那么就不会有问题.这是因为如果angular加载的时候没有找到jQuery框架,网页html切图排版function($scope,["myModule"]); }); </script> </head> <body> <div id="div1" ng-controller="ctrl_1"> <input id="btn" type="button" value="injector" ng-click="test();"></input> </div> </body> </html> 有一点特别需要注意:如果页面中使用了jQuery和angular,那么一定要先加载jQuery框架,网页切图制作然后再加载angular. 下面的代码我们先加载angular后加载jQuery,当点击injector的按钮的时候,网页重构报价会报错:

TypeError: $(...).injector is not a function

<html> <head> <script src="angular-1.2.25.js"></script> <script> var myModule = angular.module('myModule',function($scope,["myModule"]); }); </script> </head> <body> <div id="div1" ng-controller="ctrl_1"> <input id="btn" type="button" value="injector" ng-click="test();"></input> </div> </body> </html>这是因为angular.element()这个API并不能支持类似jquery的选择器web外包,也就是说angular.element()并不支持selector.最好引入JQuery框架,div切图排版因为jQuery框架选择元素实在是太方便了.如果我们确实不想使用jQuery,这个API是支持选择器的.

比如下面的代码div+css+js切图,当我们点击injector按钮的时候,手机网页外包就会出现类似上面的错误. 错误代码1:

<html> <head> <script src="jquery-1.11.1.min.js"></script> <script src="angular-1.2.25.js"></script> <script> var myModule = angular.module('myModule',function($scope, ["myModule"]); }) </script> </head> <body> <div id="div1" ng-controller="ctrl_1"> <input id="btn" type="button" value="injector" ng-click="test();"></input> </div> </body> </html>

正确代码1:

版权声明:本文为博主原创文章web外包,未经博主允许不得转载.

点击次数:4172
作者:
web前端行业资讯
Web new NewsList
英特尔宣布与法拉利跨界合作欲将AI技术用于赛车运动 ,,2018年01月11日甲骨文服务器出漏洞:攻击者用漏洞挖矿获取加密货币 ,,2018年01月11日用深度学习设计图像视频压缩算法:更简洁、更强大 ,,2018年01月11日Ubuntu内核和NVIDIA更新:修复Meltdown和Spectre两处漏洞 ,,2018年01月11日AntDesign3.1.1发布,阿里企业级UI设计语言 ,,2018年01月11日微信「跳一跳」带火小游戏,开发者如何快速上手? ,,2018年01月11日谷歌公布最新安卓系统份额:你用上奥利奥了么? ,,2018年01月11日腾讯开发出“3D音效”算法:普通耳机实现3D实时语音效果 ,,2018年01月11日谷歌工程师点赞中国程序员实现Node.js启动超4倍提速 ,,2018年01月11日三星电子总裁兼CE部门负责人金炫奭:万物互联时代到来 ,,2018年01月11日NVIDIA和大众合作建立智能驾驶助手 ,,2018年01月11日GIMPS项目报告发现已知最大素数 ,,2018年01月11日微软与生物技术公司开展AI驱动的血液检测同时诊断数十种疾病 ,,2018年01月11日微软跨平台移动开发工具套件HockeyApp宣布免费 ,,2018年01月11日《硅谷》里神乎其神的压缩技术,AI正在一点点做出来 ,,2018年01月11日LinuxMint19代号敲定为“Tara”预计2018年5月至6月期间发布 ,,2018年01月11日Facebook发布wav2letter工具包,用于端到端自动语音识别 ,,2018年01月11日开源数据库ArangoDB正进行约1156万美元股权融资 ,,2018年01月11日IntelCPU漏洞闹大:腾讯云紧急升级 ,,2018年01月11日2018年1月全球数据库排名:Redis夺回第八 ,,2018年01月11日Lyft将联手无人驾驶公司于CES上展示无人驾驶汽车 ,,2018年01月11日京东X无人超市首家社会门店开业:刷脸进、微信自动结算 ,,2018年01月11日担心被AI取代是杞人忧天?高晓松跨年演讲说的有几分对 ,,2018年01月11日免费授权技术许可Intel宣布在未来CPU中集成雷电3 ,,2018年01月11日算法决定你在社交媒体上看到的信息 ,,2018年01月11日谷歌安全博客披露“英特尔内核漏洞”更多细节 ,,2018年01月04日Postgres10开发者新特性 ,,2017年12月28日阿里巴巴、狗尾草、苏大联合论文:基于对抗学习的众包标注用于中文命名实体识别 ,,2017年12月28日柯洁的2017:20岁,与AI斗与人类斗,其乐无穷 ,,2017年12月28日如果机器人拥有痛觉,这个世界会有哪些不一样? ,,2017年12月28日静态html文件包含html的实现 【互联网】2015年03月17日ASP.NET2.0WebRource,开发微调按钮控件2014年01月29日Cstyle的UEFI导读:第20.0篇IGDOpRegioninterface&&IGDOpRegionPROTOCOL 【移动开发】2014年11月17日PHP使用pcntl和libevent实现Timer功能2014年01月29日【算法】4五张图带你体会堆算法 【互联网】2015年06月02日NYOJ-715-AdjacentBitCounts--第六届河南省程序设计大赛(DP!!) 【Web前端】2014年12月29日使用闭包对setTimeout进行简单封装避免出错2014年01月29日UVa12230-CrossingRivers(数学期望)【编程语言】2015年05月07日8年,属于HTML5的春天才悄然到来!【编程语言】2014年11月06日Windows2003下VPN服务器架设图文教程2014年01月30日Android自定义View绘制闹钟 【移动开发】2015年08月29日SDUT2766-小明传奇2(母函数) 【编程语言】2014年11月12日在Asp程序中取得表单所有内容的代码2014年01月29日解决列高度自适应(相同)的五种方法2014年01月29日软件评测师真题解答与分析8【移动开发】2015年07月30日SWFObjectFlashjs调用类2014年01月29日IE8浏览器F12调试功能无法使用【互联网】2014年11月04日BZOJ3714PA2014Kuglarz最小生成树 【编程语言】2014年11月08日寒假项目2-猴子选大王 【编程语言】2015年02月02日Ubuntu搭建LAMP及相关配置 【编程语言】2015年09月02日Caffe+Ubuntu12.0464bit+CUDA5.5配置说明【编程语言】2015年03月24日WCF基础【互联网】2015年06月05日用C#控制Windows系统音量的实现方法2014年01月30日提权,以MySQL之名2014年01月29日进程01 【编程语言】2015年07月30日小白学开发(iOS)OC_protocol(协议)(2015-08-09) 【架构设计】2015年08月15日【bzoj2783】【JLOI2012】【树】【set】【编程语言】2015年08月30日Codeforces487C.PrefixProductSequence逆元+构造【移动开发】2015年03月13日HDU-1599findthemincostroute(Floyd求最小环) 【编程语言】2015年08月14日arcgis中的应用分析及示例 【系统运维】2015年04月17日
我们保证
We guarantee
> psd效果文件手工切图,保证图片效果最好体积最小利于传输
> 100%手写的HTML(DIV+CSS)编码,绝对符合W3C标准
> 代码精简、css沉余量小、搜索引擎扫描迅速,网页打开快捷
> 应用Css Sprite能够减少HTTP请求数,提高网页性能
> 跨浏览器兼容(IE6、7、8、9,Firefox火狐,Chrome谷歌)