被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 相关文章推荐
JQury slideToggle闪烁问题及解决办法
Jul 05 Javascript
js onload处理html页面加载之后的事件
Oct 30 Javascript
js中同步与异步处理的方法和区别总结
Dec 25 Javascript
原生js实现移动开发轮播图、相册滑动特效
Apr 17 Javascript
深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
Dec 16 Javascript
jQuery AJAX timeout 超时问题详解
Jun 21 Javascript
jQuery版AJAX简易封装代码
Sep 14 Javascript
bootstrap下拉列表与输入框组结合的样式调整
Oct 08 Javascript
把json格式的字符串转换成javascript对象或数组的方法总结
Nov 03 Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
Dec 15 Javascript
JavaScript调试的多个必备小Tips
Jan 15 Javascript
Node.js中package.json中库的版本号(~和^)
Apr 02 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
批量获取memcache值并按key的顺序返回的实现代码
2011/06/14 PHP
php下载excel无法打开的解决方法
2013/12/24 PHP
php利用scws实现mysql全文搜索功能的方法
2014/12/25 PHP
PHP封装的XML简单操作类完整实例
2017/11/13 PHP
JS解密入门 最终变量劫持
2008/06/25 Javascript
jquery提升性能最佳实践小结
2010/12/06 Javascript
Js实现当前点击a标签变色突出显示其他a标签回复原色
2013/11/27 Javascript
jquery map方法使用示例
2014/04/23 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
2015/11/09 Javascript
jQuery替换节点用法示例(使用replaceWith方法)
2016/09/08 Javascript
JS图片压缩(pc端和移动端都适用)
2017/01/12 Javascript
vue.js系列中的vue-fontawesome使用
2018/02/10 Javascript
vue使用ajax获取后台数据进行显示的示例
2018/08/09 Javascript
详解Vue CLI 3.0脚手架如何mock数据
2018/11/23 Javascript
VUE实现图片验证码功能
2020/11/18 Javascript
p5.js绘制旋转的正方形
2019/10/23 Javascript
[04:09]显微镜下的DOTA2第十二期—NaVi美如画的团战
2014/06/23 DOTA
[03:48]大碗DOTA
2019/07/25 DOTA
[43:18]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.22
2019/09/05 DOTA
python操作MySQL数据库具体方法
2013/10/28 Python
python实现SMTP邮件发送功能
2020/06/16 Python
python交互式图形编程实例(一)
2017/11/17 Python
python实现嵌套列表平铺的两种方法
2018/11/08 Python
在PYQT5中QscrollArea(滚动条)的使用方法
2019/06/14 Python
2020新版本pycharm+anaconda+opencv+pyqt环境配置学习笔记,亲测可用
2020/03/24 Python
加拿大约会网站:EliteSingles.ca
2018/01/12 全球购物
英国办公家具网站:Furniture At Work
2019/10/07 全球购物
毕业生就业自荐书
2013/12/15 职场文书
数控专业自荐书范文
2014/03/16 职场文书
项目合作意向书模板
2014/07/29 职场文书
民事诉讼代理授权委托书范本
2014/10/08 职场文书
2015上半年个人工作总结
2015/07/27 职场文书
宝宝满月宴答谢词
2015/09/30 职场文书
python爬取网页版QQ空间,生成各类图表
2021/06/02 Python
Python&Matlab实现樱花的绘制
2022/04/07 Python
排查MySQL生产环境索引没有效果
2022/04/11 MySQL