15

我想添加使用http://exacttarget.github.com/fuelux/来构建数据网格。我想添加库来使用它。我做了以下事情：

<link href="<spring:url value='/assets/css/fuelux.min.css' htmlEscape='true' />"      media="all" rel="stylesheet" type="text/css" />
<link href="<spring:url value='/assets/css/fuelux-responsive.min.css' htmlEscape='true' />" media="all" rel="stylesheet" type="text/css" />
<script src="<spring:url value='/assets/js/fuelux-datagrid.js' htmlEscape='true' />" type="text/javascript"></script>

我确信路径是正确的，因为它们在其他库中工作。但是，我收到以下错误：

ReferenceError: define is not defined
[Break On This Error] 
define(['require','jquery'],function(require) {

define(['require','jquery'],function(require) {...代码在哪里fuelux-datagrid.js。

  • 这是什么错误？
  • 我认为define是require.js的一个关键字。这是否意味着fuelux-datagrid依赖于require.js？
  • 谁能解释我如何加载库以使其工作？
4

3 回答 3

12

这对我有用：

<script src="https://raw.github.com/ExactTarget/fuelux/master/lib/require.js"></script>
<script type="text/javascript" src="https://raw.github.com/ExactTarget/fuelux/master/dist/datagrid.js"></script>

I tried what @AdamAlexander suggested and what is suggested here and didn't work. I also tried the latest requiredjs and got a nasty exception. Go figure.

于 2013-03-31T15:08:45.083 回答
10

如果你不使用 RequireJS，你可以通过在基本脚本标签中加载 loader.min.js 来解决这个问题：

<script src="http://fuelcdn.com/fuelux/2.3/loader.min.js"></script>

该软件包包含 Bootstrap 和 Fuel UX 所需的所有 JavaScript，不依赖于 AMD 加载程序。

于 2013-03-29T16:34:10.017 回答
3

是的，他们似乎依赖于 RequireJS。我必须同意他们没有太多资源来解释如何加载库（至少从我所看到的），但我要做的是加载 require.js 并检查它之后尝试加载的其他资源，通过查看在网络请求。

这是一个关于如何设置 RequireJS 的示例。您还可以查看他们的文档。

<script src="scripts/require.js"></script>
<script>
  require.config({
    baseUrl: "/another/path", //here's where it will look for scripts
    paths: {
        "some": "some/v1.0" //path to other dependencies not located in the base path
    }
  });
</script>
于 2013-03-29T13:18:45.207 回答