被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 tab标签页的制作
May 10 Javascript
Array.prototype.concat不是通用方法反驳[译]
Sep 20 Javascript
Javascript浅谈之引用类型
Dec 18 Javascript
jquery 显示*天*时*分*秒实现时间计时器
May 07 Javascript
JavaScript中双叹号!!作用示例介绍
Sep 21 Javascript
JQuery复制DOM节点的方法
Jun 11 Javascript
jQuery实现购物车表单自动结算效果实例
Aug 10 Javascript
js命名空间写法示例
Dec 18 Javascript
使用Ajax与服务器(JSON)通信实例
Nov 04 Javascript
微信小程序 实战程序简易新闻的制作
Jan 09 Javascript
学习node.js 断言的使用详解
Mar 18 Javascript
js正则匹配多个全部数据问题
Dec 20 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代码
2006/12/06 PHP
php页面消耗内存过大的处理办法
2013/03/18 PHP
php使用异或实现的加密解密实例
2013/09/04 PHP
php数组排序usort、uksort与sort函数用法
2014/11/17 PHP
Laravel中Trait的用法实例详解
2016/03/16 PHP
PHP并发查询MySQL的实例代码
2017/08/09 PHP
Laravel中服务提供者和门面模式的入门介绍
2017/11/06 PHP
一个对于js this关键字的问题
2007/01/09 Javascript
javascript比较文档位置
2008/04/08 Javascript
基于jQuery的为attr添加id title等效果的实现代码
2011/04/20 Javascript
JS onmousemove鼠标移动坐标接龙DIV效果实例
2013/12/16 Javascript
JavaScript原生对象之String对象的属性和方法详解
2015/03/13 Javascript
Vue自定义指令介绍(2)
2016/12/08 Javascript
js图片加载效果实例代码(延迟加载+瀑布流加载)
2017/05/12 Javascript
jsonp跨域请求详解
2017/07/13 Javascript
vue页面使用阿里oss上传功能的实例(二)
2017/08/09 Javascript
JS笛卡尔积算法与多重数组笛卡尔积实现方法示例
2017/12/01 Javascript
如何基于JavaScript判断图片是否加载完成
2019/12/28 Javascript
Vue移动端用淘宝弹性布局lib-flexible插件做适配的方法
2020/05/26 Javascript
Python聊天室实例程序分享
2016/01/05 Python
通过Python使用saltstack生成服务器资产清单
2016/03/01 Python
Python selenium文件上传方法汇总
2020/11/19 Python
python 捕获 shell/bash 脚本的输出结果实例
2017/01/04 Python
详解python 拆包可迭代数据如tuple, list
2017/12/29 Python
Python Requests模拟登录实现图书馆座位自动预约
2018/04/27 Python
解决pycharm回车之后不能换行或不能缩进的问题
2019/01/16 Python
Python Opencv提取图片中某种颜色组成的图形的方法
2019/09/19 Python
python hash每次调用结果不同的原因
2019/11/21 Python
浅析Python数字类型和字符串类型的内置方法
2019/12/22 Python
国际商贸专业自荐信
2014/06/09 职场文书
无财产无子女离婚协议书范文
2014/09/14 职场文书
解除租房协议书
2014/12/03 职场文书
邀请书模板
2015/02/02 职场文书
小学新教师个人总结
2015/02/05 职场文书
2015年纪检监察工作总结
2015/04/08 职场文书
HTML+css盒子模型案例(圆,半圆等)“border-radius” 简单易上手
2021/05/10 HTML / CSS