Requirejs require.config必须在每个页面中声明吗? //main.js require.config({ baseUrl:“../Scripts/lib/”, 路径:{ “jquery”:“jquery-2.0.0”, } }); 定义(['jquery','../test1'],函数($,对象){ $(文档).ready(函数(){ $(“#按钮”).bind('click',函数(){ getsomething(); }); }); }); // //main1.js require.config({ baseUrl:“../Scripts/lib/”, 路径:{ “jquery”:“jquery-2.0.0”, } }); 定义(['jquery','../test1'],函数($,对象){ $(文档).ready(函数(){ $(“#按钮”).bind('click',函数(){ getsomething2(); }); }); }); // //test1.js 定义(函数(){ 返回{ getsomething:function(){ $('#按钮').css({'background-color':'#000'}) }, getsomething2:function(){ $('#按钮').css({'background-color':'#000'}) } } //返回大便; }); // //Default1.aspx //Default2.aspx
是否必须在每个要使用jquery的页面中声明require.config?我不能在不同的页面中共享main.js吗?我现在有点迷路了,我想应该在所有页面之间共享require.config,每个页面都应该有自己的js,而requirejs将帮助放置我想要的东西,因为requirejs只能指向有require.config的js?通过谷歌搜索,仍然无法决定如何在多个页面和脚本上使用,需要一些指导来理清思路 更新:1Requirejs require.config必须在每个页面中声明吗? //main.js require.config({ baseUrl:“../Scripts/lib/”, 路径:{ “jquery”:“jquery-2.0.0”, } }); 定义(['jquery','../test1'],函数($,对象){ $(文档).ready(函数(){ $(“#按钮”).bind('click',函数(){ getsomething(); }); }); }); // //main1.js require.config({ baseUrl:“../Scripts/lib/”, 路径:{ “jquery”:“jquery-2.0.0”, } }); 定义(['jquery','../test1'],函数($,对象){ $(文档).ready(函数(){ $(“#按钮”).bind('click',函数(){ getsomething2(); }); }); }); // //test1.js 定义(函数(){ 返回{ getsomething:function(){ $('#按钮').css({'background-color':'#000'}) }, getsomething2:function(){ $('#按钮').css({'background-color':'#000'}) } } //返回大便; }); // //Default1.aspx //Default2.aspx,requirejs,Requirejs,是否必须在每个要使用jquery的页面中声明require.config?我不能在不同的页面中共享main.js吗?我现在有点迷路了,我想应该在所有页面之间共享require.config,每个页面都应该有自己的js,而requirejs将帮助放置我想要的东西,因为requirejs只能指向有require.config的js?通过谷歌搜索,仍然无法决定如何在多个页面和脚本上使用,需要一些指导来理清思路 更新:1 //main.js require.config({ ba
//main.js
require.config({
baseUrl: '../Scripts/lib/',
paths: {
'jquery': 'jquery-2.0.0',
}
});
define(['jquery', '../test1'], function ($, object) {
$(document).ready(function () {
$('#button').bind('click', function () {
object.getsomething();
});
});
});
//
//main1.js
require.config({
baseUrl: '../Scripts/lib/',
paths: {
'jquery': 'jquery-2.0.0',
}
});
define(['jquery', '../test1'], function ($, object) {
$(document).ready(function () {
$('#button').bind('click', function () {
object.getsomething2();
});
});
});
//
//test1.js
define(function () {
return {
getsomething: function(){
$('#button').css({'background-color':'#000'})
},
getsomething2: function(){
$('#button').css({'background-color':'#000'})
}
}
//return shit;
});
//
//Default1.aspx
<script data-main="<%: ResolveUrl("~/Scripts/main.js") %>" src="<%: ResolveUrl("~/Scripts/lib/require.js") %>"></script>
//Default2.aspx
<script data-main="<%: ResolveUrl("~/Scripts/main1.js") %>" src="<%: ResolveUrl("~/Scripts/lib/require.js") %>"></script>
//main.js
require.config({
baseUrl:“../Scripts/lib/”,
路径:{
“jquery”:“jquery-2.0.0”,
}
});
});
//
//Scripts/script1.js
定义(“main”,['jquery','../test1'],函数($,对象){
$(文档).ready(函数(){
$(“#按钮”).bind('click',函数(){
getsomething();
});
});
//
//Scripts/script2.js
定义(['jquery','../test1'],函数($,对象){
$(文档).ready(函数(){
$(“#按钮”).bind('click',函数(){
getsomething2();
});
});
//test1.js
定义(函数(){
返回{
getsomething:function(){
$('#按钮').css({'background-color':'#000'})
},
getsomething2:function(){
$('#按钮').css({'background-color':'#000'})
}
}
//返回大便;
});
//
//Default1.aspx
//Default2.aspx
我重新阅读了每一个教程和页面,得出了这样的结论,这样的代码正确吗?但它出现了错误,除非我从源代码中删除外部脚本否,您不必在所有页面中声明require.config。RequireJS通常需要在使用的每个页面上调用config。我说typic因为您有时可以避开默认设置,但更多的时候(尤其是使用jQuery),您需要设置
路径
,垫片
等
首先,我没有遇到过需要两个main.js
文件的情况,我能问一下为什么您的代码示例显示了几乎相同的代码吗
您不应该在main.js
中放置define()
调用。模块应该位于它们自己的文件中,而main.js
应该需要它们并调用任何设置代码
你也许想明白我的意思
如果您需要两个不同的主文件(可能您想初始化页面上的不同模块),则使用不同的JS文件来完成此操作。例如,page1.JS或page2.JS,需要一组不同的模块。main应用于配置和加载所有页面上的通用模块
//main.js
require.config({
baseUrl: '../Scripts/lib/',
paths: {
'jquery': 'jquery-2.0.0',
}
});
});
//
//Scripts/script1.js
define("main",['jquery', '../test1'], function ($, object) {
$(document).ready(function () {
$('#button').bind('click', function () {
object.getsomething();
});
});
//
//Scripts/script2.js
define(['jquery', '../test1'], function ($, object) {
$(document).ready(function () {
$('#button').bind('click', function () {
object.getsomething2();
});
});
//test1.js
define(function () {
return {
getsomething: function(){
$('#button').css({'background-color':'#000'})
},
getsomething2: function(){
$('#button').css({'background-color':'#000'})
}
}
//return shit;
});
//
//Default1.aspx
<script data-main="<%: ResolveUrl("~/Scripts/main.js") %>" src="<%: ResolveUrl("~/Scripts/lib/require.js") %>"></script>
<script src="./Scripts/script1.js">
//Default2.aspx
<script data-main="<%: ResolveUrl("~/Scripts/main.js") %>" src="<%: ResolveUrl("~/Scripts/lib/require.js") %>"></script>
<script src="./Scripts/script2.js">