javascript - RequireJS如何引用jQuery2.*版本和1.*版本
阿神
阿神 2017-04-11 09:00:40
[JavaScript讨论组]

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什么作用

阿神
阿神

闭关修行中......

全部回复(1)
阿神

是这样解决的……搞不明白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);                                        
});
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号