被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 相关文章推荐
JavaScript实现页面滚动图片加载(仿lazyload效果)
Jul 22 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
Oct 09 Javascript
JavaScript中日期的相关操作方法总结
Oct 24 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
Oct 30 Javascript
JQuery实现的按钮倒计时效果
Dec 23 Javascript
基于jQuery实现文本框只能输入数字(小数、整数)
Jan 14 Javascript
浅谈JavaScript变量的自动转换和语句
Jun 12 Javascript
JS树形菜单组件Bootstrap TreeView使用方法详解
Dec 21 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
Jan 13 Javascript
vue2.0 和 animate.css的结合使用
Dec 12 Javascript
如何优雅地在Node应用中进行错误异常处理
Nov 25 Javascript
Vue-cli打包后如何本地查看的操作
Sep 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
PHP如何将log信息写入服务器中的log文件
2015/07/29 PHP
php实现点击可刷新验证码
2015/11/07 PHP
PHP实现微信退款功能
2018/10/02 PHP
TP5(thinkPHP5框架)实现显示错误信息及行号功能的方法
2019/06/03 PHP
关于Curl在Swoole协程中的解决方案详析
2019/09/12 PHP
var与Javascript变量隐式声明
2009/09/17 Javascript
js获取浏览器的可视区域尺寸的实现代码
2011/11/30 Javascript
Backbone.js中的集合详解
2015/01/14 Javascript
JS加载iFrame出现空白问题的解决办法
2016/05/13 Javascript
bootstrap3-dialog-master模态框使用详解
2017/08/22 Javascript
node.js 用socket实现聊天的示例代码
2017/10/17 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
2018/01/16 Javascript
jquery+css3实现熊猫tv导航代码分享
2018/02/12 jQuery
基于cropper.js封装vue实现在线图片裁剪组件功能
2018/03/01 Javascript
JS大坑之19位数的Number型精度丢失问题详解
2019/04/22 Javascript
JS浮点数运算结果不精确的Bug解决
2019/08/01 Javascript
js计时事件实现圆形时钟
2020/03/25 Javascript
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
2020/03/07 Javascript
Python学习笔记之os模块使用总结
2014/11/03 Python
用Python解析XML的几种常见方法的介绍
2015/04/09 Python
Python使用CMD模块更优雅的运行脚本
2015/05/11 Python
Python部署web开发程序的几种方法
2017/05/05 Python
Flask Web开发入门之文件上传(八)
2018/08/17 Python
Python简单读写Xls格式文档的方法示例
2018/08/17 Python
解决py2exe打包后,总是多显示一个DOS黑色窗口的问题
2019/06/21 Python
python 判断字符串中是否含有汉字或非汉字的实例
2019/07/15 Python
城市观光通行证:The Sightseeing Pass
2018/04/28 全球购物
Hotels.com英国:全球领先的酒店住宿提供商
2019/01/24 全球购物
经典导游欢迎词大全
2014/01/16 职场文书
《手指教学》反思
2014/02/14 职场文书
2014道德模范事迹材料
2014/02/16 职场文书
庆六一活动总结
2014/08/29 职场文书
自愿离婚协议书范本
2014/09/13 职场文书
超外差式晶体管收音机的组装与统调
2021/04/22 无线电
用Python爬取某乎手机APP数据
2021/06/15 Python
python可视化之颜色映射详解
2021/09/15 Python