03-JQuery和prototype框架冲突解决
2015-08-25 15:59
543 查看
只是一个简单的意淫的想法,应该是这样的作用。
在同一个jsp页面同时引入prototype.js和jquery.1.2.1.js的时候, 因为jQuery默认使用"$"操作符,prototype等其他框架也是是使用"$",于是,如果jQuery在其他库之后引入,那么jQuery将获得"$"使用权。这样的情况也很容易理解,毕竟JS是从上到下流式执行的。
同样的道理,如果在其他使用"$"的库之前引入jQuery,那么jQuery将不会占用"$"。
同时使用$就可能会出现冲突(猜想)
解决的方法:
1.引入js文件的时候,将jquery的文件放到其他文件(例如prototype.js)文件的后面。
2.然后
var $j=jQuery.noConflict();
function test(status){
var data="status="+status;
$j.ajax({
type:"POST",
url:"queryAll.action?status="+status,
dataType:'json',
cache:false,
contentType:"application/x-www-form-urlencoded;charset=gbk",
data:data,
success:function(result){
......
},
error:function(e){
............
}
});
}
在同一个jsp页面同时引入prototype.js和jquery.1.2.1.js的时候, 因为jQuery默认使用"$"操作符,prototype等其他框架也是是使用"$",于是,如果jQuery在其他库之后引入,那么jQuery将获得"$"使用权。这样的情况也很容易理解,毕竟JS是从上到下流式执行的。
同样的道理,如果在其他使用"$"的库之前引入jQuery,那么jQuery将不会占用"$"。
同时使用$就可能会出现冲突(猜想)
解决的方法:
1.引入js文件的时候,将jquery的文件放到其他文件(例如prototype.js)文件的后面。
2.然后
var $j=jQuery.noConflict();
function test(status){
var data="status="+status;
$j.ajax({
type:"POST",
url:"queryAll.action?status="+status,
dataType:'json',
cache:false,
contentType:"application/x-www-form-urlencoded;charset=gbk",
data:data,
success:function(result){
......
},
error:function(e){
............
}
});
}
相关文章推荐
- 【jQuery Mobile学习】jQuery Mobile简介
- Jquery中cookie的用法
- jquery学习笔记-----插件的编写
- jquery学习笔记-----ajax
- jquery学习笔记-----事件和动画
- 基于jQuery实现仿百度首页换肤背景图片切换代码
- jQuery实现类似标签风格的导航菜单效果代码
- jQuery下拉美化搜索表单效果代码分享
- jQuery实现下滑菜单导航效果代码
- jquery ajax之点赞功能的实现
- Jquery 分页插件之Jquery Pagination
- 时钟Jquery+html5特效代码分享(可设置闹钟并且语音提醒)
- jQuery 间歇式无缝滚动特效分享(三张图片平行滚动)
- jQuery 间歇式无缝滚动特效分享(三张图片平行滚动)
- 用Jquery控制文本框只能输入数字和字母
- jQuery获取,遍历和操作表单元素Select,checkbox,radio
- jquery.lazyload 实现图片延迟加载jquery插件
- jQuery 间歇式无缝滚动特效分享(三张图片平行滚动)
- 瀑布流(jquery)
- JQuery Mobile 手机显示页面偏小