Javascript RequireJS生成的文件不起作用。在建造之前工作过
我需要一些帮助来建立一个requireJS文件。我将提供一些代码片段 还有我的构建文件 JS文件Javascript RequireJS生成的文件不起作用。在建造之前工作过,javascript,jquery,requirejs,r.js,requirejs-optimizer,Javascript,Jquery,Requirejs,R.js,Requirejs Optimizer,我需要一些帮助来建立一个requireJS文件。我将提供一些代码片段 还有我的构建文件 JS文件 require.config({ paths: { 'bootstrap': ['//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min'], 'jquery' : '/cp-front/js/jquery-1.9.1/jquery.min', 'core' : '/cp-front
require.config({
paths: {
'bootstrap': ['//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min'],
'jquery' : '/cp-front/js/jquery-1.9.1/jquery.min',
'core' : '/cp-front/js/custom/core'
}
});
require([
'bootstrap'
, 'core/ajaxLoader'
],
function (
bootstrap
, ajaxLoader
) {
$(document).ready(function () {
$("#modalLoader").ajaxLoader({
title: 'Sending Request',
text: 'Delivering your message...'
});
});
});
define("core/ajaxLoader", ['jquery', 'bootstrap'],
function ($, bootstrap) {
var _settings = null;
var methods = {
init: function (options) {
var element = this;
var settings = $.extend({
prefix: '',
title: 'Loading',
text: '',
timeout: 120000,
finishLoading: function(prefix){}
}, options);
_settings = settings;
var $element = $(element);
$element.html(
[
'<div class="modal fade js-mod-ajaxloader" id="modalAjaxLoader' + _settings.prefix + '" tabindex="-1" role="dialog" aria-labelledby="modalAjaxLoader' + _settings.prefix + 'Label" data-backdrop="static" data-keyboard="false" aria-hidden="true">',
'<div class="modal-dialog">',
'<div class="modal-content">',
'<div class="modal-body">',
'<div class="full-block">',
'<h2>' + _settings.title + '</h2>',
'</div>',
'<div class="full-block">',
'<span class="loader-img"><img src="/img/ajax-loader.gif" /> </span><span id="modalAjaxLoaderText' + settings.prefix + '"></span>',
'</div>',
'</div>',
'</div>',
'</div>',
'</div>'
].join(''));
if(settings.text){
$("#modalAjaxLoaderText" + settings.prefix).text(settings.text);
};
//popup the loader
$('#modalAjaxLoader' + settings.prefix).modal();
setTimeout(function(){
methods._closeAjaxLoader(settings.prefix);
}, settings.timeout);
},
_closeAjaxLoader: function(prefix){
$('#modalAjaxLoader' + prefix).modal('hide');
},
finishLoading: function(prefix){
methods._closeAjaxLoader(prefix)
}
};
$.fn.ajaxLoader = function (methodOrOptions) {
if (methods[methodOrOptions]) {
return methods[methodOrOptions].apply(this, Array.prototype.slice.call(arguments, 1));
} else if (typeof methodOrOptions === 'object' || !methodOrOptions) {
return methods.init.apply(this, arguments);
} else {
$.error('Method ' + method + ' does not exist');
}
$(element).load(function () {
});
};
});
({
baseUrl: ".",
name: "eyexsolution",
out: "eyexsolution-built.js",
paths: {
'bootstrap' : "empty:",
'jquery' : '../../cp-front/js/jquery-1.9.1/jquery.min',
'core' : '../../cp-front/js/custom/core'
}
})
JS模块
require.config({
paths: {
'bootstrap': ['//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min'],
'jquery' : '/cp-front/js/jquery-1.9.1/jquery.min',
'core' : '/cp-front/js/custom/core'
}
});
require([
'bootstrap'
, 'core/ajaxLoader'
],
function (
bootstrap
, ajaxLoader
) {
$(document).ready(function () {
$("#modalLoader").ajaxLoader({
title: 'Sending Request',
text: 'Delivering your message...'
});
});
});
define("core/ajaxLoader", ['jquery', 'bootstrap'],
function ($, bootstrap) {
var _settings = null;
var methods = {
init: function (options) {
var element = this;
var settings = $.extend({
prefix: '',
title: 'Loading',
text: '',
timeout: 120000,
finishLoading: function(prefix){}
}, options);
_settings = settings;
var $element = $(element);
$element.html(
[
'<div class="modal fade js-mod-ajaxloader" id="modalAjaxLoader' + _settings.prefix + '" tabindex="-1" role="dialog" aria-labelledby="modalAjaxLoader' + _settings.prefix + 'Label" data-backdrop="static" data-keyboard="false" aria-hidden="true">',
'<div class="modal-dialog">',
'<div class="modal-content">',
'<div class="modal-body">',
'<div class="full-block">',
'<h2>' + _settings.title + '</h2>',
'</div>',
'<div class="full-block">',
'<span class="loader-img"><img src="/img/ajax-loader.gif" /> </span><span id="modalAjaxLoaderText' + settings.prefix + '"></span>',
'</div>',
'</div>',
'</div>',
'</div>',
'</div>'
].join(''));
if(settings.text){
$("#modalAjaxLoaderText" + settings.prefix).text(settings.text);
};
//popup the loader
$('#modalAjaxLoader' + settings.prefix).modal();
setTimeout(function(){
methods._closeAjaxLoader(settings.prefix);
}, settings.timeout);
},
_closeAjaxLoader: function(prefix){
$('#modalAjaxLoader' + prefix).modal('hide');
},
finishLoading: function(prefix){
methods._closeAjaxLoader(prefix)
}
};
$.fn.ajaxLoader = function (methodOrOptions) {
if (methods[methodOrOptions]) {
return methods[methodOrOptions].apply(this, Array.prototype.slice.call(arguments, 1));
} else if (typeof methodOrOptions === 'object' || !methodOrOptions) {
return methods.init.apply(this, arguments);
} else {
$.error('Method ' + method + ' does not exist');
}
$(element).load(function () {
});
};
});
({
baseUrl: ".",
name: "eyexsolution",
out: "eyexsolution-built.js",
paths: {
'bootstrap' : "empty:",
'jquery' : '../../cp-front/js/jquery-1.9.1/jquery.min',
'core' : '../../cp-front/js/custom/core'
}
})
生成文件(最终输出)
jQuery(函数(e){e(文档).ready(函数(){var t=[],n=[],r=[],i=0,s=“”,o=“”,u=“”,a=null,f=0,l=0,c=0,h=0;e(window).scroll(函数(t){var n=e(this).scrollTop();n>i?s=“down”:s=“up”,i=n}),e.fn.stickUp=函数(t){e(this).addClass(“stuckMenu”);var=0;n=0;if(t!=null){for(t){for)(i.hast=i.property)[n]部分n+]n==0&&console.log(“错误:需要参数”),o=t.itemClass,u=t.itemHover,t.topMargin!=null?t.topMargin==“自动”?h=parseInt(e(.stuckMenu”).css(“margin top”):isNaN(t.topMargin)和&t.topMargin.search(“px”)>0?h=parseInt(t.topMargin.replace(“px”):isNaN”(t.topMargin)(t.topMargin))?(console.log(“参数不正确,忽略”):h=parseInt(t.topMargin):h=0,a=e(“.”+o).size()}f=parseInt(e(this).height()),l=parseInt(e(this).css(“margin-bottom”)、c=parseInt(e(this).next().最近的(“div”).css(“margin-top”)、vartop=parseInt(e(this).offset().top)}、e(document).on(“scroll”);on(“scroll”函数(){-varscroll=parseInt(e(document).scrollTop());if(a!=null)for(var-t=0;tView?(e(“.”+o).removeColl)removeClass(u)、e(“+t+)).addClass(u)):varscrolln[t]-50&&varscroll什么是“requirejquery”?requirejquery是requirejs和jquery连接的文件。