被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用


Posted in Javascript onJanuary 22, 2010

其所用项目由Asp.Net技术开发,仍然使用的Webform作为前端处理,但某些功能包含了jQuery的功能,他遇到的问题就是无论用IE还是Firefox,包含jQuery的那部分页面功能都无法正常使用。

搜索Google后,结果可以归纳为3种:

没有启用FSO功能
IE安全设置级别过高
没有安装MSXML
但针对现在项目检查后,以上均不是问题所在,在项目中带有个测试页面,可以检查服务器端是否能正常运行jQuery,内容和jQuery官方网站的内容一样:

代码

<html> 
<head> 
<script type="text/javascript" src="js/jquery.js" /> 
<script type="text/javascript"> 
$(document).ready(function() { 
$("a").click(function() { 
alert("Hello world!"); 
}); 
}); 
</script> 
</head> 
<body> 
<a href="#">Link</a> 
</body> 
</html>

可无论如何就是不能在IE或火狐中看到jQuery弹出的"OK"提示,我就?辶恕??谑俏抑葱幸韵虏街瑁

下载最新的jQuery脚本替换掉项目中带有的版本
检查每行javascript代码
检查 IE安全设置,设置为最低
…………
均没有见到效果,直到今天突然才发现,该页面调用jQuery 的引用行是这样书写的

<script type="text/javascript" src="js/jquery.js" />

我改成

<script type="text/javascript" src="js/jquery.js" ></script>

“OK”终于弹出来了……

但问题还没有结束,项目开发者是在母版页中包含了jQuery, 源码如下

代码

<asp:ScriptManager ID="ScriptManager1" runat="server" > 
<Scripts> 
<asp:ScriptReference Path="~/js/jquery.js" /> 
</Scripts> 
</asp:ScriptManager>

查阅ASP.NET官方论坛可以看到答案http://forums.asp.net/t/1377657.aspx,我将Script控件属性添加EnablePartialRendering="true" 和 EnableScriptGlobalization="false" 后,一切正常,至此问题全部解决,项目成功部署。
总结:感谢楼下花时间看完我这篇文章,但我查阅了W3C关于html中引用<script>脚本的规范http://www.w3.org/TR/REC-html40/interact/scripts.html#h-18.2.2.3,也未找到<script />这样写法是不符合规范的定义,只看到了提倡尽可能不用闭合标记">"而是用"<"比较好(如“ y < x”比"x > y"好)。
又见留言,再度感谢。但我想表达的意思是,这种写法仅在asp.net环境下会出现问题,如果在php中这样书写<script src='.....' type='text/javascript' />,在apache环境下可以正常运行并得到结果。
Javascript 相关文章推荐
jquery使用淘宝接口跨域查询手机号码归属地实例
Nov 28 Javascript
JS数字抽奖游戏实现方法
May 04 Javascript
javascript精确统计网站访问量实例代码
Dec 19 Javascript
详解AngularJS控制器的使用
Mar 09 Javascript
js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法
Feb 19 Javascript
移动端手指放大缩小插件与js源码
May 22 Javascript
jQuery ajax动态生成table功能示例
Jun 14 jQuery
详解ES6之用let声明变量以及let loop机制
Jul 15 Javascript
vue resource post请求时遇到的坑
Oct 19 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
Nov 25 Javascript
详解阿里Node.js技术文档之process模块学习指南
Jan 04 Javascript
Canvas三种动态画圆实现方法说明(小结)
Apr 16 Javascript
jQuery 入门级学习笔记及源码
Jan 22 #Javascript
JQuery 确定css方框模型(盒模型Box Model)
Jan 22 #Javascript
Jquery实战_读书笔记2 选择器
Jan 22 #Javascript
Jquery实战_读书笔记1—选择jQuery
Jan 22 #Javascript
jquery last-child 列表最后一项的样式
Jan 22 #Javascript
javascript 拖放效果实现代码
Jan 22 #Javascript
JAVASCRIPT style 中visibility和display之间的区别
Jan 22 #Javascript
You might like
php mssql 时间格式问题
2009/01/13 PHP
PHP SPL标准库之数据结构堆(SplHeap)简单使用实例
2015/05/12 PHP
Javascript 面向对象(二)封装代码
2012/05/23 Javascript
Web跨浏览器进程通信(Web跨域)
2013/04/17 Javascript
JS正则表达式获取分组内容的方法详解
2013/11/15 Javascript
JavaScript判断变量是对象还是数组的方法
2014/08/28 Javascript
从JQuery源码分析JavaScript函数的apply方法与call方法
2014/09/25 Javascript
jquery实现弹出层效果实例
2015/05/19 Javascript
thinkphp实现无限分类(使用递归)
2015/12/19 Javascript
TypeScript Type Innference(类型判断)
2016/03/10 Javascript
全面解析bootstrap格子布局
2016/05/22 Javascript
jquery之别踩白块游戏的简单实现
2016/07/25 Javascript
微信小程序 setData的使用方法详解
2017/04/20 Javascript
vue2.X组件学习心得(新手必看篇)
2017/07/05 Javascript
基于Vue自定义指令实现按钮级权限控制思路详解
2018/05/23 Javascript
Vue 3.0双向绑定原理的实现方法
2019/10/23 Javascript
vue - props 声明数组和对象操作
2020/07/30 Javascript
[01:16:01]VGJ.S vs Mski Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
python pickle 和 shelve模块的用法
2013/09/16 Python
python创建进程fork用法
2015/06/04 Python
socket + select 完成伪并发操作的实例
2017/08/15 Python
Python使用Selenium模块模拟浏览器抓取斗鱼直播间信息示例
2018/07/18 Python
python3.6使用pickle序列化class的方法
2018/10/22 Python
详解python读取image
2019/04/03 Python
python3 求约数的实例
2019/12/05 Python
Python openpyxl 插入折线图实例
2020/04/17 Python
python 实现围棋游戏(纯tkinter gui)
2020/11/13 Python
美国网上眼镜供应商:LEOTONY(眼镜、RX太阳镜和太阳镜)
2017/10/31 全球购物
日本著名的服饰鞋帽综合类购物网站:MAGASEEK
2019/01/09 全球购物
Viking比利时:购买办公用品
2019/10/30 全球购物
关于毕业的中学校园广播稿
2014/01/26 职场文书
简历里的自我评价范文
2014/02/24 职场文书
小学班主任寄语大全
2014/04/04 职场文书
幼儿园标语大全
2014/06/19 职场文书
镇人大副主席民主生活会对照检查材料思想汇报
2014/10/01 职场文书
2016领导干部廉洁从政心得体会
2016/01/19 职场文书