bootstrap - javascript wizard

ReferenceError: define no está definido al insertar fuelux en datagrid.js

Question

Quise agregar el uso de http://exacttarget.github.com/fuelux/ para construir una cuadrícula de datos. Quería agregar la biblioteca para usarlo. Hice lo siguiente:

<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>

Estoy seguro de que la ruta es correcta porque funcionan en otras bibliotecas. Sin embargo, recibo el siguiente error:

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

donde define([''require'',''jquery''],function(require) {... es el código en fuelux-datagrid.js .

• ¿Cuál es este error?
• Creo que define es una palabra clave de require.js . ¿Esto significa que fuga-datagrid tiene dependencia de require.js ?
• ¿Alguien puede explicarme cómo cargar la biblioteca para que funcione?

Answer 1

Sí, parecen tener una dependencia en RequireJS. Debo aceptar que no tienen muchos recursos que expliquen cómo cargar la biblioteca (al menos por lo que vi), pero lo que haría es cargar require.js y comprobar qué otros recursos está intentando cargar después, mirando en las solicitudes de red.

Aquí hay un ejemplo sobre cómo configurar RequireJS. También puedes mirar sus documentos .

<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>

Answer 2

Si no está utilizando RequireJS, puede solucionarlo cargando solo loader.min.js en una etiqueta de script básica:

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

Este paquete contiene todo el JavaScript necesario para Bootstrap y Fuel UX, sin dependencia externa de un cargador AMD.

Answer 3

Esto funcionó para mí:

<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>

Intenté lo que sugirió @AdamAlexander y lo que se sugiere aquí y no funcionó. También probé el último requerido y obtuve una desagradable excepción. Imagínate.