在 RequireJS 中加载顺序 jQuery UI 和 Oracle MapViewer
Loading order jQuery UI and Oracle MapViewer in RequireJS
我想在我的模块中使用 jQuery UI 手风琴,但我总是得到 div.accordion is not a function 如果我包含Oracle MapViewer 库。这个库还不支持 AMD,所以我在 shim 中定义了它的依赖。
所有库按以下顺序加载:jQuery UI、jQuery、(Oracle MapViewer)。我认为 jQuery 应该首先加载,但该顺序有效,除非我加载 Oracle MapViewer。
我的HTML
<!--in head-->
<script src="lib/require.min.js" data-main="app"></script>
<!--in body-->
<div id="accordion">
<h3>Section 1</h3>
<div>Vestibulum a velit eu ante scelerisque vulputate.</div>
<h3>Section 2</h3>
<div>Vivamus non quam. In suscipit faucibus urna.</div>
</div>
我的app.js
require.config({
paths: {
"jquery": "lib/jquery-1.12.3",
"jquery-ui": "lib/jquery-ui",
"oraclemaps": "lib/oraclemapsv2"
},
shim: {
"oraclemaps": ['jquery']
}
});
require(['oraclemaps', 'jquery-ui'], function ()
{
$("#accordion").accordion();
});
知道如何在 RequireJS 中使用 Oracle MapViewer 库吗?我使用 jQuery 1.12.3 和 jQuery UI 1.11.4(所有组件)。
尝试像这样更改第一个示例的 shim 部分:
shim: {
"jquery-ui": {
export:"$" ,
deps: ['jquery']
}
}
或者更新到最新的jQuery-ui版本终于支持AMD加载了
oraclemaps 包括 jQuery,因此我们可以选择使用他们的版本。配置将是这样的:
require.config({
paths: {
"jquery-ui": "lib/jquery-ui.min",
"oraclemaps": "lib/oraclemapsv2"
},
shim: {
"jquery-ui": ["oraclemaps"]
}
});
require(["jquery-ui"], function ()
{
$("#accordion").accordion();
});
我想在我的模块中使用 jQuery UI 手风琴,但我总是得到 div.accordion is not a function 如果我包含Oracle MapViewer 库。这个库还不支持 AMD,所以我在 shim 中定义了它的依赖。 所有库按以下顺序加载:jQuery UI、jQuery、(Oracle MapViewer)。我认为 jQuery 应该首先加载,但该顺序有效,除非我加载 Oracle MapViewer。
我的HTML
<!--in head-->
<script src="lib/require.min.js" data-main="app"></script>
<!--in body-->
<div id="accordion">
<h3>Section 1</h3>
<div>Vestibulum a velit eu ante scelerisque vulputate.</div>
<h3>Section 2</h3>
<div>Vivamus non quam. In suscipit faucibus urna.</div>
</div>
我的app.js
require.config({
paths: {
"jquery": "lib/jquery-1.12.3",
"jquery-ui": "lib/jquery-ui",
"oraclemaps": "lib/oraclemapsv2"
},
shim: {
"oraclemaps": ['jquery']
}
});
require(['oraclemaps', 'jquery-ui'], function ()
{
$("#accordion").accordion();
});
知道如何在 RequireJS 中使用 Oracle MapViewer 库吗?我使用 jQuery 1.12.3 和 jQuery UI 1.11.4(所有组件)。
尝试像这样更改第一个示例的 shim 部分:
shim: {
"jquery-ui": {
export:"$" ,
deps: ['jquery']
}
}
或者更新到最新的jQuery-ui版本终于支持AMD加载了
oraclemaps 包括 jQuery,因此我们可以选择使用他们的版本。配置将是这样的:
require.config({
paths: {
"jquery-ui": "lib/jquery-ui.min",
"oraclemaps": "lib/oraclemapsv2"
},
shim: {
"jquery-ui": ["oraclemaps"]
}
});
require(["jquery-ui"], function ()
{
$("#accordion").accordion();
});