javascript - RequireJS如何引用jQuery2.*版本和1.*版本
本文介绍了javascript - RequireJS如何引用jQuery2.*版本和1.*版本的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
jquery文件放在lib路径下,怎么在项目中不同的目录下引用不同版本的jquery?
目录结构:
object:
----index.html
----lib
----jquery-2.2.0.min.js
----jquery-1.11.3.min.js
----require.js
----statics
----main.js
require.config({
paths:{
'lib':'../lib'
},
map:{
'*':{
'jquery':'lib/jquery-2.2.0.min'
},
'statics/html':{
'jquery':'lib/jquery-1.11.3.min'
}
}
})
调用jQuery
require(['jquery'],function($){
$('h2').css({'color':'red'})
})
通过map设置,引用位置不对,引用的是baseUrl/jquery.js;
http://127.0.0.1:8080/statics/jquery.js
Uncaught Error: Script error for: jquery
那么,怎么在项目中不同的目录下引用不同版本的jquery?
var reqOne = requirejs.config({
baseUrl: '../lib/',
context:"context1",
paths:{
jquery: 'jquery-2.2.0.min'
}
});
reqOne(['jquery'],
function($) {
//用2.2.0做点什么;
console.log("v1=" + $().jquery);
});
var reqTwo = requirejs.config({
baseUrl: '../lib/',
context:"context2",
paths:{
jquery: 'jquery-1.12.3.min'
}
});
reqTwo(['jquery'],
function($) {
//用1.12.3做点什么;
console.log("v1=" + $().jquery);
});
是这样解决的……搞不明白map什么作用
解决方案
是这样解决的……搞不明白map什么作用了
var reqOne = requirejs.config({
baseUrl: '../lib/',
context:"context1",
paths:{
jquery: 'jquery-2.2.0.min'
}
});
reqOne(['jquery'],
function($) {
//用2.2.0做点什么;
console.log("v1=" + $().jquery);
});
var reqTwo = requirejs.config({
baseUrl: '../lib/',
context:"context2",
paths:{
jquery: 'jquery-1.12.3.min'
}
});
reqTwo(['jquery'],
function($) {
//用1.12.3做点什么;
console.log("v1=" + $().jquery);
});
这篇关于javascript - RequireJS如何引用jQuery2.*版本和1.*版本的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文