被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捕获超链接事件进行局部刷新代码
May 10 Javascript
seajs1.3.0源码解析之module依赖有序加载
Nov 07 Javascript
弹出最简单的模式化遮罩层的js代码
Dec 04 Javascript
js生成的验证码的实现与技术分析
Sep 17 Javascript
Javascript中Array.prototype.map()详解
Oct 22 Javascript
使用百度地图api实现根据地址查询经纬度
Dec 11 Javascript
js控件Kindeditor实现图片自动上传功能
Jul 20 Javascript
微信小程序 在线支付功能的实现
Mar 14 Javascript
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
May 26 jQuery
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
Aug 23 Javascript
JavaScript实现简单的图片切换功能(实例代码)
Apr 10 Javascript
浅谈vant组件Picker 选择器选单选问题
Nov 04 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清除数组中所有字符串两端空格的方法
2014/10/20 PHP
PHP5.3新特性小结
2016/02/14 PHP
PHP格式化MYSQL返回float类型的方法
2016/03/30 PHP
Yii2.0 模态弹出框+ajax提交表单
2016/05/22 PHP
PHP书写格式详解(必看)
2016/05/23 PHP
Yii中的cookie的发送和读取
2016/07/27 PHP
PHP数组式访问接口ArrayAccess用法分析
2017/12/28 PHP
PHP操作redis实现的分页列表,新增,删除功能封装类与用法示例
2018/08/04 PHP
PHP基于cookie实现统计在线人数功能示例
2019/01/16 PHP
常用的javascript function代码
2008/05/23 Javascript
使用JS或jQuery模拟鼠标点击a标签事件代码
2014/03/10 Javascript
js用Date对象的setDate()函数对日期进行加减操作
2014/09/18 Javascript
DOM基础教程之使用DOM + Css
2015/01/20 Javascript
html5+javascript实现简单上传的注意细节
2016/04/18 Javascript
原生js实现ajax方法(超简单)
2016/09/20 Javascript
Bootstrap3下拉菜单的实现
2017/02/22 Javascript
微信小程序 如何获取网络状态
2019/07/26 Javascript
Layui 数据表格批量删除和多条件搜索的实例
2019/09/04 Javascript
vue render函数动态加载img的src路径操作
2020/10/26 Javascript
Python实现读取json文件到excel表
2017/11/18 Python
Python 判断 有向图 是否有环的实例讲解
2018/02/01 Python
基于pycharm导入模块显示不存在的解决方法
2018/10/13 Python
Python supervisor强大的进程管理工具的使用
2019/04/24 Python
使用Python的networkx绘制精美网络图教程
2019/11/21 Python
python实现图像全景拼接
2020/03/27 Python
使用python实现名片管理系统
2020/06/18 Python
python爬取youtube视频的示例代码
2021/03/03 Python
使用CSS3来实现滚动视差效果的教程
2015/08/24 HTML / CSS
Mytheresa中国官网:德国时尚奢侈品商城
2017/08/04 全球购物
北美个性化礼品商店:Things Remembered
2018/06/12 全球购物
文秘个人求职信范文
2014/04/22 职场文书
投标人廉洁自律承诺书
2014/05/26 职场文书
2014年个人委托书范本
2014/10/13 职场文书
2014年学生工作总结
2014/11/20 职场文书
推广普通话宣传标语口号
2015/12/26 职场文书
60条职场经典语录,总有一条能触动你的心
2019/08/21 职场文书