Jquery 引导盒don';t用RequireJS定义
我正在尝试将引导框用于RequireJS,但每次出现此错误时: ReferenceError:未定义引导框 我使用依赖项配置了RequireJS:Jquery 引导盒don';t用RequireJS定义,jquery,twitter-bootstrap-3,bootbox,Jquery,Twitter Bootstrap 3,Bootbox,我正在尝试将引导框用于RequireJS,但每次出现此错误时: ReferenceError:未定义引导框 我使用依赖项配置了RequireJS: var bowerLocal = "../../../bower_components/", asstsLocal = "../../assets/"; requirejs.config({ paths: { "jquery": bowerLocal + "jquery/dist/jquery.min", "
var
bowerLocal = "../../../bower_components/",
asstsLocal = "../../assets/";
requirejs.config({
paths: {
"jquery": bowerLocal + "jquery/dist/jquery.min",
"jquery.bootbox": bowerLocal + "bootbox/bootbox",
"jquery.bootstrap": bowerLocal + "bootstrap/dist/js/bootstrap.min",
"jquery.elevateZoom": bowerLocal + "elevatezoom/jquery.elevateZoom-2.2.3.min",
"jquery.maskedInput": bowerLocal + "jquery-maskedinput/dist/jquery.maskedinput.min"
},
/**
* Define as dependências de bibliotecas.
*/
shim: {
"jquery.bootstrap": {
deps: ["jquery"]
},
"jquery.elevateZoom": {
deps: ["jquery"]
},
"jquery.maskedInput": {
deps: ["jquery"]
},
"jquery.bootbox": {
deps: ["jquery", "jquery.bootstrap"],
exports: 'bootbox'
}
}
});
require(
["jquery", "jquery.bootstrap", "jquery.bootbox", "jquery.maskedInput", "jquery.elevateZoom"],
function (util) {
bootbox.alert("Hi");
}
...
在AMD模式下,未在窗口上定义引导框,请 必须自己定义它,所以在完成下面的操作之后,它现在就可以工作了
define(["bootbox"], function(bootbox){
bootbox.alert("Hello Bootbox");
});
当然,路径是在
require.config()
中定义的,这将起作用 我想在@Pushker的回答中,他输入了定义他实际上想在哪里输入要求:
require([“bootbox”],函数(bootbox){
警报(“Hello bootbox”);
});代码>
(他还将a}
误打为a{
)
此外,当具有多个依赖项时,还应将它们指定为require
中函数的参数,并确保它们的顺序与字符串数组参数中的顺序相同。例如:
require([“jquery”、“jquery.bootstrap”、“jquery.bootbox”,…],
函数(jquery、引导、引导盒等){
bootbox.alert(“Hi”);
}
...
});
查看我的小提琴,了解一个可工作的引导箱示例: